android_自定义View_圆形百分比显示

布局中使用

布局文件添加命名空间xmlns:attr="http://schemas.android.com/apk/res/.ui"

<packname.RoundProgressBar

                android:layout_centerHorizontal="true"

                android:id="@+id/flow_percent_pie"

                android:layout_width="100dp"

                android:layout_height="100dp"

                attr:roundProgressBarWidth="6dp"

                attr:roundColor="@color/gray"

                attr:textSize="12dp"

                attr:roundProgressColor="#68c630"

                attr:textColor="#68c630"

                attr:textIsDisplayable="true"

                />

自定义属性

<!--圆形进度条-->

    <declare-styleable name="RoundProgressBar">

        <attr name="roundColor" format="color"/>

        <attr name="roundProgressColor" format="color"/>

        <attr name="roundProgressBarWidth" format="dimension"></attr>

        <attr name="textColor" format="color" />

        <attr name="textSize" format="dimension" />

        <attr name="maxProgressBar" format="integer"></attr>

        <attr name="textIsDisplayable" format="boolean"></attr>

        <attr name="style">

            <enum name="STROKE" value="0"></enum>

            <enum name="FILL" value="1"></enum>

        </attr>

    </declare-styleable>

自定义实现

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160

public  class  RoundProgressBar  extends  View {        /**       * 画笔对象的引用       */      private  Paint paint;        /**       * 圆环的颜色       */      private  int  roundColor;        /**       * 圆环进度的颜色       */      private  int  roundProgressColor;        /**       * 中间进度百分比的字符串的颜色       */      private  int  textColor;        private  String text;      /**       * 中间进度百分比的字符串的字体       */      private  float  textSize;        /**       * 圆环的宽度       */      private  float  roundWidth;        /**       * 最大进度       */      private  int  max;        /**       * 当前进度       */      private  int  progress;        /**       * 是否显示中间的进度       */      private  boolean  textIsDisplayable;        /**       * 进度的风格，实心或者空心       */      private  int  style;        public  static  final  int  STROKE =  0 ;      public  static  final  int  FILL =  1 ;        public  RoundProgressBar(Context context) {          this (context,  null );      }        public  RoundProgressBar(Context context, AttributeSet attrs) {          this (context, attrs,  0 );      }        public  RoundProgressBar(Context context, AttributeSet attrs,  int  defStyleAttr) {          super (context, attrs, defStyleAttr);          TypedArray mTypedArray = context.obtainStyledAttributes(attrs,                  R.styleable.RoundProgressBar);          //获取自定义属性和默认值          roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.RED);          roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.GREEN);          textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.GREEN);          textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize,  15 );          roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundProgressBarWidth,  5 );          max = mTypedArray.getInteger(R.styleable.RoundProgressBar_maxProgressBar,  100 );          textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable,  true );          style = mTypedArray.getInt(R.styleable.RoundProgressBar_style,  0 );            mTypedArray.recycle();          init(context);      }        private  void  init(Context context) {          paint =  new  Paint();      }        @Override      protected  void  onDraw(Canvas canvas) {          super .onDraw(canvas);          /**           * 画最外层的大圆环           */          int  centre = getWidth()/ 2 ;  //获取圆心的x坐标          int  radius = ( int ) (centre - roundWidth/ 2 );  //圆环的半径          paint.setColor(roundColor);  //设置圆环的颜色          paint.setStyle(Paint.Style.STROKE);  //设置空心          paint.setStrokeWidth(roundWidth);  //设置圆环的宽度          paint.setAntiAlias( true );   //消除锯齿          canvas.drawCircle(centre, centre, radius, paint);  //画出圆环          /**           * 画进度百分比           */          paint.setStrokeWidth( 0 );          paint.setColor(textColor);          paint.setTextSize(textSize);          paint.setTypeface(Typeface.DEFAULT_BOLD);  //设置字体          int  percent = ( int )((( float )progress / ( float )max) *  100 );   //中间的进度百分比，先转换成float在进行除法运算，不然都为0          float  textWidth = paint.measureText( "500M" );    //测量字体宽度，我们需要根据字体的宽度设置在圆环中间            if (textIsDisplayable && percent !=  0  && style == STROKE){              canvas.drawText(text.substring( 0 , 2 ), centre - textWidth , centre - textSize/ 2 , paint);  //画出进度百分比              canvas.drawText(text.substring( 2 ), centre - textWidth/ 2 , centre + textSize/ 2 , paint);  //画出进度百分比          }          /**           * 画圆弧 ，画圆环的进度           */          //设置进度是实心还是空心          paint.setStrokeWidth(roundWidth);  //设置圆环的宽度          paint.setColor(roundProgressColor);   //设置进度的颜色          RectF oval =  new  RectF(centre - radius, centre - radius, centre                  + radius, centre + radius);   //用于定义的圆弧的形状和大小的界限            switch  (style) {              case  STROKE:{                  paint.setStyle(Paint.Style.STROKE);                  canvas.drawArc(oval,  180 ,  360  * progress / max,  false , paint);   //根据进度画圆弧                  break ;              }              case  FILL:{                  paint.setStyle(Paint.Style.FILL_AND_STROKE);                  if (progress != 0 )                      canvas.drawArc(oval,  0 ,  360  * progress / max,  true , paint);   //根据进度画圆弧                  break ;              }          }      }        /**       * 设置进度，此为线程安全控件，由于考虑多线的问题，需要同步       * 刷新界面调用postInvalidate()能在非UI线程刷新       * @param progress       */      public  synchronized  void  setProgress( int  progress) {          if (progress <  0 ){              throw  new  IllegalArgumentException( "progress not less than 0" );          }          if (progress > max){              progress = max;          }          if (progress <= max){              this .progress = progress;              postInvalidate();          }      }        public  void  setText(String text){          this .text = text;          postInvalidate();      } }