android 自定义控件 (二) 初步认识

  1 public class CircleView extends View  {
  2 
  3     private int mCirlceViewColor;
  4     private int mCirlceViweProgressColor;
  5     private  int mProgress;
  6     private float mTextSize;
  7     private int mTextColor;
  8     private  int mStyle;
  9     private  float mRoudWidth;
 10     private  int  max;
 11     private Paint mPaint ;
 12 
 13     private  static final int STROKE = 0;
 14     private  static final int FILL = 1;
 15 
 16     public CircleView(Context context) {
 17         this(context, null);
 18     }
 19 
 20     public CircleView(Context context, AttributeSet attrs) {
 21         this(context, attrs, 0);
 22     }
 23 
 24     public CircleView(Context context, AttributeSet attrs, int defStyleAttr) {
 25         super(context, attrs, defStyleAttr);
 26         mPaint = new Paint();
 27 
 28         TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.CircleView);
 29         mCirlceViewColor = array.getColor(R.styleable.CircleView_roundColor, Color.BLACK);
 30         mCirlceViweProgressColor = array.getColor(R.styleable.CircleView_roundProgressColor,Color.RED);
 31         mTextColor = array.getColor(R.styleable.CircleView_textColor,Color.BLUE);
 32         mTextSize = array.getDimension(R.styleable.CircleView_textSize,40);
 33         mRoudWidth = array.getDimension(R.styleable.CircleView_roundWidth,6);
 34         max = array.getInteger(R.styleable.CircleView_max,100);
 35         mStyle = array.getInt(R.styleable.CircleView_style, 0);
 36 
 37         array.recycle();
 38     }
 39 
 40     @Override
 41     protected void onDraw(Canvas canvas) {
 42         super.onDraw(canvas);
 43 
 44         /**
 45          * 先画圆,直接使用draw Circle
 46          * Draw the specified circle using the specified paint. If radius is <= 0,
 47          * then nothing will be drawn. The circle will be filled or framed based
 48          * on the Style in the paint.
 49          *
 50           public void drawCircle(float cx, float cy, float radius, @NonNull Paint paint)
 51          * @param cx     The x-coordinate of the center of the cirle to be drawn
 52          * @param cy     The y-coordinate of the center of the cirle to be drawn
 53          * @param radius The radius of the cirle to be drawn
 54          * @param paint  The paint used to draw the circle
 55          */
 56 
 57         int cx = getWidth()/2;
 58 
 59         int radius =(int) (cx -mRoudWidth/2);//设置圆环的半径
 60         mPaint.setColor(mCirlceViewColor); //设置圆环的颜色
 61         mPaint.setStyle(Paint.Style.STROKE); //设置空心
 62         mPaint.setStrokeWidth(mRoudWidth); //设置圆环的宽度
 63         mPaint.setAntiAlias(true);  //消除锯齿
 64         canvas.drawCircle(cx,cx,radius,mPaint);
 65 
 66 
 67         /**
 68          * 有了外层的圆,现在绘制圆内的文字.使用drawText
 69 
 70          * Draw the text, with origin at (x,y), using the specified paint. The
 71          * origin is interpreted based on the Align setting in the paint.
 72          *
 73          public void drawText(@NonNull String text, float x, float y, @NonNull Paint paint)
 74          * @param text  The text to be drawn
 75          * @param x     The x-coordinate of the origin of the text being drawn
 76          * @param y     The y-coordinate of the baseline of the text being drawn
 77          * @param paint The paint used for the text (e.g. color, size, style)
 78          */
 79 
 80         mPaint.setStrokeWidth(0);
 81         mPaint.setColor(mTextColor);
 82         mPaint.setTextSize(mTextSize);
 83         int percent = (int)(((float)mProgress/(float) max) *100);
 84         float textWidth  = mPaint.measureText (percent+"%");
 85         canvas.drawText(percent+"%",cx-textWidth/2,cx+mTextSize/2,mPaint);
 86 
 87         /**
 88          * 画圆弧 ，画圆环的进度
 89          */
 90 
 91         mPaint.setStrokeWidth(mRoudWidth); //设置圆环的宽度
 92         mPaint.setColor(mCirlceViweProgressColor);  //设置进度的颜色
 93         RectF oval = new RectF(cx - radius, cx - radius, cx
 94                 + radius, cx + radius);  //用于定义的圆弧的形状和大小的界限
 95 
 96         switch (mStyle) {
 97             case STROKE:{
 98                 mPaint.setStyle(Paint.Style.STROKE);
 99                 canvas.drawArc(oval, 0, 360 * mProgress / max, false, mPaint);  //根据进度画圆弧
100                 break;
101             }
102             case FILL:{
103                 mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
104                 if(mProgress !=0)
105                     canvas.drawArc(oval, 0, 360 * mProgress / max, true, mPaint);  //根据进度画圆弧
106                 break;
107             }
108         }
109     }
110 
111     public  void  setProgress(int progress){
112         this.mProgress = progress;
113     }
114 
115     private  int getProgress(){
116         return this.mProgress;
117 
118 
119     }
120 
121     private  void setMax(int max){
122         this.max = max;
123     }
124     private  int getMax(){
125         return  max;
126     }