一個簡單的自定義view餅狀圖,加入了動畫效果
先看一下效果
下面就直接上代碼了
public class Yidong2 extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(new PointView(this)); } public class PointView extends View { private int[] p1 = {0, 100, 200}; //存放弧度的數組 //定義存放顏色的數組 private int[] p2 = {Color.GREEN, Color.YELLOW, Color.RED}; Paint paint = new Paint(); //畫筆 private float k; //弧度變動后的值 //定義矩形,用戶確定描繪的餅狀圖位置 private final RectF rectF = new RectF(100, 100, 800, 800); //定義 public PointView(Context context) { super(context); paint.setStyle(Paint.Style.FILL); //設置畫筆為填充 paint.setStrokeWidth(10f); //設置畫筆寬度 paint.setAntiAlias(true); //抗鋸齒 //屬性動畫 ValueAnimator animator = ValueAnimator.ofFloat(0, 360); animator.setDuration(1000); //設置動畫時間 animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { k = (float) animation.getAnimatedValue(); //獲取變動后的值 invalidate(); //刷新布局 } }); animator.start(); //啟動動畫 } @SuppressLint("DrawAllocation") @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //這里做了不同顏色的范圍判斷,還可以進行封裝,為了便于學習,就沒有再次封裝 if (k < p1[1]) { shezhi(canvas, 0); } else if (k < p1[2]) { shezhi(canvas, 1); } else { shezhi(canvas, 2); } } //動畫方法,Android的動畫有三種,View動畫,幀動畫,屬性動畫, //這里對動畫方法進行簡單的封裝,只需要明白,如果存在多個顏色的話,在繪制第二個以后顏色時,每次都要先繪制先前所有顏色,再繪制當前顏色,即可理解,這也就是動畫的基本邏輯。 private void shezhi(Canvas canvas, int n) { for (int i = 0; i <= n; i++) { paint.setColor(p2[i]); canvas.drawArc(rectF, p1[i], k - p1[i], true, paint); } } }}
已經加入了詳細的注釋,同樣的原理,還可以將動畫加入到柱形圖等等。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答