快捷導(dǎo)航

Android編程繪圖操作之弧形繪制方法示例

更新時間：2017年08月22日 10:49:47 作者：遲做總比不做強

這篇文章主要介紹了Android編程繪圖操作之弧形繪制方法,結(jié)合實例形式分析了Android圖形繪制的相關(guān)組件調(diào)用、屬性設(shè)置與功能實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了Android編程繪圖操作之弧形繪制方法。分享給大家供大家參考，具體如下：

/**
 * 繪制弧形圖案
 * @description：
 * @author ldm
 * @date 2016-4-25 下午4:37:01
 */
public class ArcsActivity extends Activity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(new SampleView(this));
  }
  /**
   * 自定義繪制圖案的View
   *
   * @description：
   * @author ldm
   * @date 2016-4-25 下午4:19:40
   */
  private static class SampleView extends View {
    // 畫圓形圖案的畫筆數(shù)組
    private Paint[] mPaints;
    // 畫矩形的畫筆
    private Paint mFramePaint;
    // 是否以矩形中心畫圖
    private boolean[] mUseCenters;
    // 矩形框數(shù)組
    private RectF[] mOvals;
    // 上面較大的矩形框
    private RectF mBigOval;
    // 畫圓弧起點
    private float mStart;
    // 畫圓弧角度
    private float mSweep;
    // 畫大圖形對應(yīng)角標(biāo)index
    private int mBigIndex;
    // 角度變化增量
    private static final float ANGLE_STEP = 3;
    // 初始角度
    private static final float START_ANGLE = 15;
    public SampleView(Context context) {
      super(context);
      mPaints = new Paint[4];
      mUseCenters = new boolean[4];
      mOvals = new RectF[4];
      mPaints[0] = new Paint();
      mPaints[0].setAntiAlias(true);// 設(shè)置抗緊鉅齒
      mPaints[0].setStyle(Paint.Style.FILL);// 設(shè)置畫筆填充風(fēng)格
      mPaints[0].setColor(0x88FF0000);// 設(shè)置顏色
      mUseCenters[0] = false;
      mPaints[1] = new Paint(mPaints[0]);
      mPaints[1].setColor(0x8800FF00);
      mUseCenters[1] = true;
      mPaints[2] = new Paint(mPaints[0]);
      mPaints[2].setStyle(Paint.Style.STROKE);// 設(shè)置畫筆空心風(fēng)格
      mPaints[2].setStrokeWidth(4);// 設(shè)置畫筆寬度
      mPaints[2].setColor(0x880000FF);// 設(shè)置顏色
      mUseCenters[2] = false;
      mPaints[3] = new Paint(mPaints[2]);
      mPaints[3].setColor(0x88888888);
      mUseCenters[3] = true;
      mBigOval = new RectF(40, 10, 280, 250);// 初始化較大的矩形
      mOvals[0] = new RectF(10, 270, 70, 330);// 初始化4個較小矩形
      mOvals[1] = new RectF(90, 270, 150, 330);
      mOvals[2] = new RectF(170, 270, 230, 330);
      mOvals[3] = new RectF(250, 270, 310, 330);
      mFramePaint = new Paint();
      mFramePaint.setAntiAlias(true);
      mFramePaint.setStyle(Paint.Style.STROKE);
      mFramePaint.setStrokeWidth(0);
    }
    @Override
    protected void onDraw(Canvas canvas) {
      canvas.drawColor(Color.WHITE);
      // 畫大矩形
      canvas.drawRect(mBigOval, mFramePaint);
      // 在大矩形分別 畫4個圓弧圖形
      canvas.drawArc(mBigOval, mStart, mSweep, mUseCenters[mBigIndex],
          mPaints[mBigIndex]);
      for (int i = 0; i < 4; i++) {
        canvas.drawRect(mOvals[i], mFramePaint);// 畫四個小矩形
        canvas.drawArc(mOvals[i], mStart, mSweep, mUseCenters[i],// 在四個小矩形中分別畫圓弧
            mPaints[i]);
      }
      mSweep += ANGLE_STEP;// 弧度改變
      if (mSweep > 360) {// 弧度控制
        mSweep -= 360;
        mStart += START_ANGLE;
        if (mStart >= 360) {
          mStart -= 360;
        }
        mBigIndex = (mBigIndex + 1) % mOvals.length;
      }
      invalidate();
    }
  }
}

靜態(tài)效果如圖：