使用SigerProgress快速构建进度组件

实例效果

1.引入ProgressPie类

/**
 * Created by zhangwen on 15/9/20.
 */

public class ProgressPie extends View{

    private final int PROGRESS_STYLE_DEFAULT = 0;
    private  final int PROGRESS_STYLE_IOS_LIKE = 1;
    private int mProgressStyle;

    private Context mContext;
    private boolean mNeedCircleRing;//是否需要外部圆环
    private RectF mCircleRingRect;
    private Paint mCircleRingPaint;
    private int mCircleRingColor;//外部圆环颜色
    private float mCircleRingWidth;//外部圆环宽度

    private RectF mArcRec;
    private Paint mArcPaint;
    private int mProgressColor;//进度的颜色
    private float mProgressWidth;//进度的宽度

    private int mProgressBgColor;//进度背景颜色

    private RectF mCenterSquareRect;
    private float mCenterSquareWidth;

    private boolean mNeedProgressText;
    private int mProgressTextColor;
    private float mProgressTextSize;
    private Paint mProgressTextPaint;

    private float mProgress;
    public ProgressPie(Context context){
        super(context);
        mContext = context;
    }

    public ProgressPie(Context context, AttributeSet attrs) {
        super(context, attrs);
        mContext = context;

        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.ProgressPie);
        mProgressStyle = ta.getInt(R.styleable.ProgressPie_style,PROGRESS_STYLE_DEFAULT);
        initWithStyle();

        mNeedCircleRing = ta.getBoolean(R.styleable.ProgressPie_needCircleRing, mNeedCircleRing);
        mCircleRingColor = ta.getColor(R.styleable.ProgressPie_circleRingColor, mCircleRingColor);
        mCircleRingWidth = ta.getDimension(R.styleable.ProgressPie_circleRingWidth, mCircleRingWidth);

        mProgressColor = ta.getColor(R.styleable.ProgressPie_progressColor, mProgressColor);
        mProgressWidth = ta.getDimension(R.styleable.ProgressPie_progressWidth, mProgressWidth);
        mProgressBgColor = ta.getColor(R.styleable.ProgressPie_progressBgColor,mProgressBgColor);
        mCenterSquareWidth = ta.getDimension(R.styleable.ProgressPie_centerSquareWidth, mCenterSquareWidth);

        mNeedProgressText = ta.getBoolean(R.styleable.ProgressPie_needProgressText, mNeedProgressText);
        mProgressTextColor = ta.getColor(R.styleable.ProgressPie_progressTextColor, mProgressTextColor);
        mProgressTextSize = ta.getDimension(R.styleable.ProgressPie_progressTextSize, mProgressTextSize);
        ta.recycle();

        mCircleRingPaint = new Paint();
        mCircleRingPaint.setColor(mCircleRingColor);
        mCircleRingPaint.setAntiAlias(true);
        mCircleRingPaint.setStyle(Style.STROKE);
        mCircleRingPaint.setStrokeWidth(mCircleRingWidth);

        mCircleRingRect = new RectF();
        mArcRec = new RectF();
        mArcPaint = new Paint();
        mArcPaint.setColor(mProgressColor);
        mArcPaint.setStrokeWidth(mProgressWidth);
        mArcPaint.setAntiAlias(true);
        mArcPaint.setStyle(Style.STROKE);

        mCenterSquareRect = new RectF();

        mProgressTextPaint = new Paint();
        mProgressTextPaint.setColor(mProgressTextColor);
        mProgressTextPaint.setTextSize(mProgressTextSize);
        mProgressTextPaint.setTextAlign(Paint.Align.CENTER);
    }

    private void initWithStyle() {
        switch (mProgressStyle){
            case PROGRESS_STYLE_IOS_LIKE:

                mNeedCircleRing = true;
                mCircleRingColor = Color.WHITE;
                mCircleRingWidth = -1;

                mProgressColor = Color.WHITE;
                mProgressWidth = -1;
                mCenterSquareWidth = -1;
                mNeedProgressText = false;
                break;

            case PROGRESS_STYLE_DEFAULT:
                mNeedCircleRing = false;
                mProgressBgColor = Color.parseColor("#999999");
                mProgressColor = Color.WHITE;
                mProgressWidth = -1;
                mNeedProgressText = true;
                mProgressTextSize = -1;
                mProgressTextColor = Color.WHITE;
                break;

        }
    }

    private void initSizeContainerSize(float w,float h){

        switch (mProgressStyle){
            case PROGRESS_STYLE_IOS_LIKE:

                if(mProgressWidth==-1){
                    mProgressWidth = w/10.0f;
                    mArcPaint.setStrokeWidth(mProgressWidth);
                }
                if(mCircleRingWidth==-1){
                    mCircleRingWidth = w/40.0f;
                    mCircleRingPaint.setStrokeWidth(mCircleRingWidth);
                }
                if(mCenterSquareWidth==-1){
                    mCenterSquareWidth = w/3.5f;
                }
                break;
            case PROGRESS_STYLE_DEFAULT:
                if(mProgressWidth==-1){
                    mProgressWidth = w/30.0f;
                    mArcPaint.setStrokeWidth(mProgressWidth);
                }
                if(mProgressTextSize==-1){
                    mProgressTextSize = w/3.0f;
                    mProgressTextPaint.setTextSize(mProgressTextSize);
                }
                break;

        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Log.v("ProgressPie", "onDraw");
        if(mNeedCircleRing){
            canvas.drawOval(mCircleRingRect, mCircleRingPaint);
        }
        mArcPaint.setColor(mProgressBgColor);
        mArcPaint.setStyle(Style.STROKE);
        canvas.drawCircle(mArcRec.centerX(), mArcRec.centerY(), mArcRec.width() / 2, mArcPaint);

        mArcPaint.setColor(mProgressColor);
        canvas.drawArc(mArcRec, -90, 360 * mProgress, false, mArcPaint);
        mArcPaint.setStyle(Style.FILL);
        canvas.drawRect(mCenterSquareRect, mArcPaint);

        if(mNeedProgressText){
            float textYOffset = mProgressTextSize/2;
            canvas.drawText((int)(mProgress*100)+"%",mArcRec.centerX(), mArcRec.centerY()+textYOffset,mProgressTextPaint);
        }
    }



    @Override
    protected void onFinishInflate() {
        Log.v("ProgressPie", "onFinishInflate");
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Log.v("ProgressPie ", "onMeasure widthMeasureSpec:" + widthMeasureSpec + " heightMeasureSpec:" + heightMeasureSpec);

        setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
                getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
    }
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        Log.v("MyView ", "dispatchTouchEvent" + event.getAction());
        return true;
    }


    @Override
    protected void onLayout(boolean changed, int left, int top, int right,

                            int bottom) {
        Log.v("ProgressPie", "onLayout changed:" + changed + " left:" + left + " top:" + top + " right:" + right + " buttom:" + bottom);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {

        Log.v("ProgressPie", "onSizeChanged width:"+ w+"height:"+ h+"old width:"+oldw+"old height:" +oldh);
        initSizeContainerSize(w,h);
        int padLeft =  getPaddingLeft();
        int padRight = getPaddingRight();
        int padTop = getPaddingTop();
        int padBottom = getPaddingBottom();

        float xpad = (float) (padLeft + padRight);
        float ypad = (float) (padTop + padBottom);

        float ww = (float) w - xpad;
        float hh = (float) h - ypad;
        float circOffset = mCircleRingWidth/2;
        float progressOffset = mProgressWidth/2;
        mCircleRingRect.set(padLeft+circOffset, padTop+circOffset, ww -circOffset, hh -circOffset);
        mArcRec.set(padLeft+mCircleRingWidth+progressOffset, padRight+mCircleRingWidth+progressOffset, ww -mCircleRingWidth-progressOffset, hh -mCircleRingWidth-progressOffset);
        // Figure out how big we can make the pie.
        float diameter = Math.min(ww, hh);
        float squareLeft = (w-mCenterSquareWidth)/2;
        float squareTop = (h-mCenterSquareWidth)/2;
        mCenterSquareRect.set(squareLeft, squareTop, squareLeft + mCenterSquareWidth, squareTop+mCenterSquareWidth);



    }

    /**
     * 设置比例  progress=0~1
     * @param progress 比例
     */
    public void setProgress(float progress){
        mProgress = progress;
        invalidate();
    }

    private int dp2Px(Context context,float dpValue){
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

}

2.增加declare-styable  到value/attrs.xml

<resources>
    <declare-styleable name="ProgressPie">
        <attr name="circleRingColor" format="color"></attr>
        <attr name="needCircleRing" format="boolean"></attr>
        <attr name="circleRingWidth" format="dimension"></attr>
        <attr name="progressColor" format="color"></attr>
        <attr name="progressBgColor" format="color"></attr>
        <attr name="progressWidth" format="dimension"></attr>
        <attr name="centerSquareWidth" format="dimension"></attr>
        <attr name="needProgressText" format="boolean"></attr>
        <attr name="progressTextColor" format="color"></attr>
        <attr name="progressTextSize" format="dimension"></attr>
        <attr name="style" format="enum">
            <enum name="progress_with_text" value="0"></enum>
            <enum name="ios_like" value="1"/>
        </attr>
    </declare-styleable>
</resources>

3.xml中使用progressPie layout/activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:progress="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="60dp"
        android:orientation="horizontal">

        <!--使用progressPie-->
        <com.siger.example.progresspie.ProgressPie

            android:id="@+id/main_default_progressPie"
            android:layout_width="50dp"
            android:layout_height="50dp"

            />

        <com.siger.example.progresspie.ProgressPie

            android:id="@+id/main_ios_progressPie"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginLeft="40dp"
            progress:style="ios_like" />


    </LinearLayout>


    <SeekBar
        android:id="@+id/main_seekBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp" />

</RelativeLayout>

使用时动态设定ProgressPie对象的Progress setProgress(float progress);//progress 为0-1.0f；

查看源码：github地址 https://github.com/signernet/SigerProgress