首页 > 代码库 > 自定义view——环形进度条,带progress值

自定义view——环形进度条,带progress值

第一步:新建文件Circle.java
package com.lancy.demo.democircle.widget;
 
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
 
import com.lancy.demo.democircle.R;
 
public class Circle extends View {
    private Paint mPaint;
 
    private float strokeWidth = 10;
    private float progress = 0;
    private int defaultColor;
    private int activeColor;
 
    public Circle(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.circle);
 
        strokeWidth = a.getDimension(R.styleable.circle_strokeWidth, strokeWidth);
        progress = a.getFraction(R.styleable.circle_progress, 360, 100, 10);
        defaultColor = a.getColor(R.styleable.circle_defaultColor, Color.GRAY);
        activeColor = a.getColor(R.styleable.circle_activeColor, Color.BLUE);
       
        a.recycle();
 
    }
 
    public Circle(Context context) {
 
        this(context, null);
    }
 
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        final int minimumWidth = getSuggestedMinimumWidth();
        final int minimumHeight = getSuggestedMinimumHeight();
        int viewWidth = resolveMeasured(widthMeasureSpec, minimumWidth);
        int viewHeight = resolveMeasured(heightMeasureSpec, minimumHeight);
        setMeasuredDimension(viewWidth, viewHeight);
 
    }
 
    private int resolveMeasured(int measureSpec, int desired) {
        int result = 0;
        int specSize = MeasureSpec.getSize(measureSpec);
        switch (MeasureSpec.getMode(measureSpec)) {
        case MeasureSpec.UNSPECIFIED:
            result = desired;
            break;
        case MeasureSpec.AT_MOST:
            result = Math.max(specSize, desired);
            break;
        case MeasureSpec.EXACTLY:
        default:
            result = specSize;
        }
        return result;
    }
 
    @SuppressLint("DrawAllocation")
    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        int width = getWidth();
        int height = getHeight();
        float h = width > height ? height : width;
 
        Paint p = new Paint();
        p.setColor(defaultColor);
        p.setStyle(Paint.Style.STROKE);
        p.setAntiAlias(true);
        p.setStrokeWidth(strokeWidth);
        RectF oval1 = new RectF(strokeWidth / 2, strokeWidth / 2, h-strokeWidth / 2, h-strokeWidth / 2);
        canvas.drawArc(oval1, 0, 360, false, p);
        p.setColor(activeColor);
        canvas.drawArc(oval1, 270, progress, false, p);//小弧形
 
    }
 
    public void setProgress(float progress) {
        this.progress = progress / 100 * 360;
        invalidate();
 
    }
 
    public float getProgress() {
        return progress * 100 / 360;
    }
 
}
 
第二步  新建attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
     <declare-styleable name="circle">
         <attr name="strokeWidth" format="dimension"></attr>
         <attr name="progress" format="fraction"></attr>
         <attr name="defaultColor" format="color"></attr>
         <attr name="activeColor" format="color"></attr>
         
         
     </declare-styleable>
</resources>
 
第三步  建布局文件 circle.xml
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:circle="http://schemas.android.com/apk/res/com.lancy.demo.democircle" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:padding="50dp" 
android:gravity="center" 
android:orientation="vertical" > 

<com.lancy.demo.democircle.widget.Circle 
android:id="@+id/circle" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
circle:defaultColor="#95a1aa" 
circle:activeColor="#1290dd" 
circle:strokeWidth="10dp" 
circle:progress="25%" 
/> 

<!-- --> 

</LinearLayout> 
 
第三步 建MainActivity.java
 package com.lancy.demo.democircle;
 
import android.app.Activity;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.os.Bundle;
import android.util.Log;
 
import com.lancy.demo.democircle.widget.Circle;
 
public class MainActivity extends Activity {
    Circle circle;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
 
        setContentView(R.layout.circle);
        circle = (Circle) findViewById(R.id.circle);
       
        IntentFilter filter = new IntentFilter();
        filter.addAction(Intent.ACTION_TIME_TICK);
        registerReceiver(new TimeReceiver(), filter);
    }
   
   
    class TimeReceiver extends BroadcastReceiver{
 
        @Override
        public void onReceive(Context context, Intent intent) {
            Log.i("TimeReceiver----------------", intent.getAction());
            circle.setProgress(circle.getProgress()-1);
           
        }
       
    }
 

自定义view——环形进度条,带progress值