自定义圆环progressbar

RoundProgressBar.java
  1. /**
  2.  * RoundProgressBar.java [v1.0.0]
  3.  * classes: com.example.audiorecordingtest.RoundProgressBar
  4.  * Amanda Create at 2014年10月10日 下午4:16:45
  5.  * Copyright 阳光健康信息技术有限公司
  6.  */
  7. package com.example.audiorecordingtest.view;
  9. /**
  10.  * com.example.audiorecordingtest.RoundProgressBar
  11.  * @author Amanda
  12.  * create at 2014年10月10日 下午4:16:45
  13.  */
  14. import com.example.audiorecordingtest.R;
  15. import com.example.audiorecordingtest.R.styleable;
  17. import android.content.Context;
  18. import android.content.res.TypedArray;
  19. import android.graphics.Canvas;
  20. import android.graphics.Color;
  21. import android.graphics.Paint;
  22. import android.graphics.RectF;
  23. import android.graphics.Typeface;
  24. import android.util.AttributeSet;
  25. import android.view.View;
  27. /**
  28.  * 仿iphone带进度的进度条，线程安全的View，可直接在线程中更新进度
  29.  *
  30.  */
  31. public class RoundProgressBar extends View {
  32.     /**
  33.      * 画笔对象的引用
  34.      */
  35.     private Paint paint;
  36.     
  37.     /**
  38.      * 圆环的颜色
  39.      */
  40.     private int roundColor;
  41.     
  42.     /**
  43.      * 圆环进度的颜色
  44.      */
  45.     private int roundProgressColor;
  46.     
  47.     /**
  48.      * 中间进度百分比的字符串的颜色
  49.      */
  50.     private int textColor;
  51.     
  52.     /**
  53.      * 中间进度百分比的字符串的字体
  54.      */
  55.     private float textSize;
  56.     
  57.     /**
  58.      * 圆环的宽度
  59.      */
  60.     private float roundWidth;
  61.     
  62.     /**
  63.      * 最大进度
  64.      */
  65.     private int max;
  66.     
  67.     /**
  68.      * 当前进度
  69.      */
  70.     private int progress;
  71.     /**
  72.      * 是否显示中间的进度
  73.      */
  74.     private boolean textIsDisplayable;
  75.     
  76.     /**
  77.      * 进度的风格，实心或者空心
  78.      */
  79.     private int style;
  80.     
  81.     public static final int STROKE = 0;
  82.     public static final int FILL = 1;
  83.     
  84.     public RoundProgressBar(Context context) {
  85.         this(context, null);
  86.     }
  88.     public RoundProgressBar(Context context, AttributeSet attrs) {
  89.         this(context, attrs, 0);
  90.     }
  91.     
  92.     public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) {
  93.         super(context, attrs, defStyle);
  94.         
  95.         paint = new Paint();
  97.         
  98.         TypedArray mTypedArray = context.obtainStyledAttributes(attrs,
  99.                 R.styleable.RoundProgressBar);
  100.         
  101.         //获取自定义属性和默认值
  102.         roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.rgb(245, 252, 248));
  103.         roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.rgb(62, 187, 102));
  104.         textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.BLACK);
  105.         textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);
  106.         roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 5);
  107.         max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100);
  108.         textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true);
  109.         style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 0);
  110.         
  111.         mTypedArray.recycle();
  112.     }
  113.     
  115.     @Override
  116.     protected void onDraw(Canvas canvas) {
  117.         super.onDraw(canvas);
  118.         
  119.         /**
  120.          * 画最外层的大圆环
  121.          */
  122.         int centerX = getWidth()/2;
  123.         int centerY = getHeight()/2;
  124.         int centre = centerX>centerY?centerY:centerX;
  125.         int radius = (int) (centre - roundWidth/2); //圆环的半径
  126.         paint.setColor(roundColor); //设置圆环的颜色
  127.         paint.setStyle(Paint.Style.STROKE); //设置空心
  128.         paint.setStrokeWidth(roundWidth); //设置圆环的宽度
  129.         paint.setAntiAlias(true);  //消除锯齿 
  130.         canvas.drawCircle(centerX, centerY, radius, paint); //画出圆环
  131.         
  132. //        Log.e("log", centre + "");
  133.         
  134.         /**
  135.          * 画进度百分比
  136.          */
  137.         paint.setStrokeWidth(0); 
  138.         paint.setColor(textColor);
  139.         paint.setTextSize(textSize);
  140.         paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体
  141.         int percent = (int)(((float)progress / (float)max) * 100);  //中间的进度百分比，先转换成float在进行除法运算，不然都为0
  142.         float textWidth = paint.measureText(percent + "%");   //测量字体宽度，我们需要根据字体的宽度设置在圆环中间
  143.         
  144.         if(textIsDisplayable && percent != 0 && style == STROKE){
  145.             canvas.drawText(percent + "%", centerX - textWidth / 2, centerY + textSize/2, paint); //画出进度百分比
  146.         }
  147.         
  148.         
  149.         /**
  150.          * 画圆弧 ，画圆环的进度
  151.          */
  152.         
  153.         //设置进度是实心还是空心
  154.         paint.setStrokeWidth(roundWidth); //设置圆环的宽度
  155.         paint.setColor(roundProgressColor);  //设置进度的颜色
  156.         RectF oval = new RectF(centerX - radius, centerY - radius, centerX
  157.                 + radius, centerY + radius);  //用于定义的圆弧的形状和大小的界限
  158.         
  159.         switch (style) {
  160.         case STROKE:{
  161.             paint.setStyle(Paint.Style.STROKE);
  162.             canvas.drawArc(oval, 90, 360 * progress / max, false, paint);  //根据进度画圆弧
  163.             break;
  164.         }
  165.         case FILL:{
  166.             paint.setStyle(Paint.Style.FILL_AND_STROKE);
  167.             if(progress !=0){
  168.                 canvas.drawArc(oval, 90, 360 * progress / max, true, paint);  //根据进度画圆弧
  169.             }
  170.             break;
  171.         }
  172.         }
  173.         
  174.     }
  175.     
  176.     
  177.     public synchronized int getMax() {
  178.         return max;
  179.     }
  181.     /**
  182.      * 设置进度的最大值
  183.      * @param max
  184.      */
  185.     public synchronized void setMax(int max) {
  186.         if(max < 0){
  187.             throw new IllegalArgumentException("max not less than 0");
  188.         }
  189.         this.max = max;
  190.     }
  192.     /**
  193.      * 获取进度.需要同步
  194.      * @return
  195.      */
  196.     public synchronized int getProgress() {
  197.         return progress;
  198.     }
  200.     /**
  201.      * 设置进度，此为线程安全控件，由于考虑多线的问题，需要同步
  202.      * 刷新界面调用postInvalidate()能在非UI线程刷新
  203.      * @param progress
  204.      */
  205.     public synchronized void setProgress(int progress) {
  206.         if(progress < 0){
  207.             throw new IllegalArgumentException("progress not less than 0");
  208.         }
  209.         if(progress > max){
  210.             progress = max;
  211.         }
  212.         if(progress <= max){
  213.             this.progress = progress;
  214.             postInvalidate();
  215.         }
  216.         
  217.     }
  218.     
  219.     
  220.     public int getCricleColor() {
  221.         return roundColor;
  222.     }
  224.     public void setCricleColor(int cricleColor) {
  225.         this.roundColor = cricleColor;
  226.     }
  228.     public int getCricleProgressColor() {
  229.         return roundProgressColor;
  230.     }
  232.     public void setCricleProgressColor(int cricleProgressColor) {
  233.         this.roundProgressColor = cricleProgressColor;
  234.     }
  236.     public int getTextColor() {
  237.         return textColor;
  238.     }
  240.     public void setTextColor(int textColor) {
  241.         this.textColor = textColor;
  242.     }
  244.     public float getTextSize() {
  245.         return textSize;
  246.     }
  248.     public void setTextSize(float textSize) {
  249.         this.textSize = textSize;
  250.     }
  252.     public float getRoundWidth() {
  253.         return roundWidth;
  254.     }
  256.     public void setRoundWidth(float roundWidth) {
  257.         this.roundWidth = roundWidth;
  258.     }
  262. }

values/attrs.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <declare-styleable name="RoundProgressBar">    
  4.         <attr name="roundColor" format="color"/>  
  5.         <attr name="roundProgressColor" format="color"/>  
  6.         <attr name="roundWidth" format="dimension"></attr>  
  7.         <attr name="textColor" format="color" />    
  8.         <attr name="textSize" format="dimension" />   
  9.         <attr name="max" format="integer"></attr>   
  10.         <attr name="textIsDisplayable" format="boolean"></attr>  
  11.         <attr name="style">  
  12.             <enum name="STROKE" value="0"></enum>  
  13.             <enum name="FILL" value="1"></enum>  
  14.         </attr>  
  15.     </declare-styleable>  
  16. </resources>



layout/audiorecord.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:android_custom="http://schemas.android.com/apk/res/com.example.audiorecordingtest"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical"
  7.     android:gravity="center">
  8.     
  9.     <FrameLayout 
  10.         android:layout_width="match_parent"
  11.         android:layout_height="0dp"
  12.         android:layout_weight="2">
  13.         
  14.         <ImageView 
  15.             android:id="@+id/img_microfan"
  16.             android:layout_width="wrap_content"
  17.             android:layout_height="wrap_content"
  18.             android:layout_gravity="center"
  19.             android:src="@drawable/microfan"
  20.             android:scaleType="centerInside"/>
  21.         
  22.         <com.example.audiorecordingtest.view.RoundProgressBar
  23.             android:id="@+id/roundProgressBar"    
  24.             android:layout_width="match_parent"    
  25.             android:layout_height="match_parent"
  26.             android_custom:roundColor="#f6fcf8"
  27.             android_custom:roundProgressColor="#41c36b"
  28.             android_custom:textIsDisplayable="false"    
  29.             android_custom:roundWidth="5dp"/>
  30.     </FrameLayout>
  31.     
  33.     
  34.     <TextView 
  35.         android:id="@+id/txt_microfan"
  36.         android:layout_width="match_parent"
  37.         android:layout_height="0dp"
  38.         android:layout_weight="1"
  39.         android:gravity="center"
  40.         android:text="正在录音……"
  41.         android:textColor="#3c3c3c"
  42.         android:textSize="30px"/>
  43.     
  45. </LinearLayout>





posted @ 2016-01-04 12:56  风倾清凌  阅读(939)  评论(0)  编辑  收藏  举报