溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android自定義View實(shí)現(xiàn)餅狀圖帶動(dòng)畫(huà)效果

發(fā)布時(shí)間:2020-08-31 06:10:36 來(lái)源:腳本之家 閱讀:358 作者:petterp 欄目:移動(dòng)開(kāi)發(fā)

一個(gè)簡(jiǎn)單的自定義view餅狀圖,加入了動(dòng)畫(huà)效果

先看一下效果

Android自定義View實(shí)現(xiàn)餅狀圖帶動(dòng)畫(huà)效果

下面就直接上代碼了

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};  //存放弧度的數(shù)組
  //定義存放顏色的數(shù)組
  private int[] p2 = {Color.GREEN, Color.YELLOW, Color.RED};  
  Paint paint = new Paint();    //畫(huà)筆
  private float k;      //弧度變動(dòng)后的值
 
  //定義矩形,用戶確定描繪的餅狀圖位置
  private final RectF rectF = new RectF(100, 100, 800, 800);
 
  //定義
  public PointView(Context context) {
   super(context);
   paint.setStyle(Paint.Style.FILL);  //設(shè)置畫(huà)筆為填充
   paint.setStrokeWidth(10f);    //設(shè)置畫(huà)筆寬度
   paint.setAntiAlias(true);    //抗鋸齒
 
   //屬性動(dòng)畫(huà)
   ValueAnimator animator = ValueAnimator.ofFloat(0, 360);
   animator.setDuration(1000);    //設(shè)置動(dòng)畫(huà)時(shí)間
   animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
     k = (float) animation.getAnimatedValue(); //獲取變動(dòng)后的值
     invalidate();   //刷新布局
    }
   });
   animator.start(); //啟動(dòng)動(dòng)畫(huà)
  }
 
  @SuppressLint("DrawAllocation")
  @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
  @Override
  protected void onDraw(Canvas canvas) {
   super.onDraw(canvas);
   //這里做了不同顏色的范圍判斷,還可以進(jìn)行封裝,為了便于學(xué)習(xí),就沒(méi)有再次封裝
   if (k < p1[1]) {
    shezhi(canvas, 0);
   } else if (k < p1[2]) {
    shezhi(canvas, 1);
   } else {
    shezhi(canvas, 2);
   }
  }
 
  //動(dòng)畫(huà)方法,Android的動(dòng)畫(huà)有三種,View動(dòng)畫(huà),幀動(dòng)畫(huà),屬性動(dòng)畫(huà),
  //這里對(duì)動(dòng)畫(huà)方法進(jìn)行簡(jiǎn)單的封裝,只需要明白,如果存在多個(gè)顏色的話,在繪制第二個(gè)以后顏色時(shí),每次都要先繪制先前所有顏色,再繪制當(dāng)前顏色,即可理解,這也就是動(dòng)畫(huà)的基本邏輯。
  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);
   }
  }
 }
}

已經(jīng)加入了詳細(xì)的注釋,同樣的原理,還可以將動(dòng)畫(huà)加入到柱形圖等等。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI