画虎烂的专栏

废话不多说，先上效果图：

这个进度就是模拟心形填充的过程

实现原理是：首先将空心形图片绘制出来，然后根据进度大小再将实心的心形图片一部分一部分的绘制出来。也就是两张完全相同大小的空心图和圆心图重叠绘制，利用canvas的clipRect绘制实心部分，实现进度条效果。

首先在res->values先新建一个文件atrrs.xml，然后定义两个属性

==>=></resources>

max是最大进度值，progress是当前进度。

import android.content.Context;import android.content.res.TypedArray;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Paint;import android.os.Handler;import android.util.AttributeSet;import android.view.View;import com.helen.funnyview.R;/** * Created by Helen on 2015/5/14. */{Paint mPaint=new Paint(Paint.ANTI_ALIAS_FLAG);max=isFinish=isAutoFill=(Context context) {super(context);init();}public HeartProgressBar(Context context, AttributeSet attrs) {super(context, attrs);init();TypedArray a=context.obtainStyledAttributes(attrs,R.styleable.HeartProgressBar);progress=a.getInteger(R.styleable.HeartProgressBar_progress,0);max=a.getInteger(R.styleable.HeartProgressBar_max,100);if(max<=0){max=100;}a.recycle();}public HeartProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init();}(){if(mHeartBitmap==null){mHeartBitmap=BitmapFactory.decodeResource(getResources(), R.mipmap.heart);}if(mHeartedBitmap==null){mHeartedBitmap= BitmapFactory.decodeResource(getResources(), R.mipmap.hearted);}}(Canvas canvas) {height=getHeight();(percent>=1){percent=1;}canvas.save();//绘制空心图canvas.drawBitmap(mHeartBitmap, 0, 0,mPaint);//计算绘制实心图的范围canvas.clipRect(0, height * (1 – percent), width, height);//绘制实心图canvas.drawBitmap(mHeartedBitmap, 0, 0, mPaint);canvas.restore();}(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);setMeasuredDimension(mHeartBitmap.getWidth(), mHeartBitmap.getHeight());//}//setMeasuredDimension(getMeasureSize(widthMeasureSpec, true), getMeasureSize(heightMeasureSpec, true));}(int spec,boolean isWidth){int size=MeasureSpec.getSize(spec);int mode=MeasureSpec.getMode(spec);if(mode==MeasureSpec.AT_MOST){if(isWidth) {size =mHeartBitmap.getWidth();}else{size=mHeartBitmap.getHeight();}}return size;}/*** 设置当前进度* @param progress*/(int progress) {if(isAutoFill) return;this.progress = progress;if(!isFinish) {invalidate();}if(progress>=max){isFinish=true;}}() {return progress;}/*** 是否完成* @return*/() {return isFinish;}() {return isAutoFill;}/*** 设置最大进度值*/(int max) {this.max = max;}() {return max;}/*** 开启自动填充*/(){isAutoFill=true;final int step=10;final Handler handler=new Handler();handler.post(new Runnable() {() {progress += step;invalidate();if (progress >= max) {isFinish = true;}if (!isFinish()) {handler.postDelayed(this, 100 – progress);} else {handler.removeCallbacks(this);}}});}}

然后就是使用它了。首先是布局文件：

==”match_parent”android:layout_height=”match_parent”><com.helen.funnyview.view.HeartProgressBar==”50″app:max=”150″/></RelativeLayout>

设置了起始进度为50，最大进度为150 接着是activity内容：

import android.app.Activity;import android.os.Bundle;import android.os.Handler;import com.helen.funnyview.R;import com.helen.funnyview.view.HeartProgressBar;/** * Created by Helen on 2015/5/14 16:56. * TODO */{private HeartProgressBar bar;private Handler handler=new Handler();private int progress=0;(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.layout_heart_progress_bar);bar=(HeartProgressBar)findViewById(R.id.bar);progress=bar.getProgress();handler.postDelayed(new Runnable() {() {progress+=5;bar.setProgress(progress);if(!bar.isFinish()) {handler.postDelayed(this, 500);}else{handler.removeCallbacks(this);}}},3000);//bar.startAutoFill();}}生命有限，努力无限