Android 自定义方形进度条





效果图如上,自定义方形的进度条,第一个是100%,第二个是70%

其实很简单的,就Path类


public class SquareProgressBar extends View {


private int progress = 70;//进度
private int strokeWidth = 20;


private Paint paint = null;
private Path path = null;
private int margin;


public SquareProgressBar(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}


private void init(Context context) {


paint = new Paint();


margin = convertDpToPx(10, context);


paint.setStyle(Paint.Style.STROKE);


paint.setColor(context.getResources().getColor(
android.R.color.holo_red_dark));


paint.setStrokeWidth(margin);


paint.setAntiAlias(true);


paint.setStyle(Style.STROKE);


path = new Path();


}


@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);


float scope = getMeasuredWidth() * 2 + getMeasuredHeight() * 2;


DrawLocation mLocation = getLocation(scope);


if (mLocation.place == Place.TOP) {


path.moveTo(margin, 10);


path.lineTo(mLocation.location, 10);


canvas.drawPath(path, paint);


}


if (mLocation.place == Place.RIGHT) {


path.moveTo(margin, 10);


path.lineTo(getMeasuredWidth()-10, 10);


path.moveTo(getMeasuredWidth() - 10, 10);


path.lineTo(getMeasuredWidth(), mLocation.location);


canvas.drawPath(path, paint);


}


if (mLocation.place == Place.BOTTOM) {


path.moveTo(margin, 10);


path.lineTo(getMeasuredWidth(), 10);


path.moveTo(getMeasuredWidth() - 10, 10);


path.lineTo(getMeasuredWidth() - 10, getMeasuredHeight());


path.moveTo(getMeasuredWidth() - 10, getMeasuredHeight());


path.lineTo(mLocation.location, getMeasuredHeight());


canvas.drawPath(path, paint);


}


if (mLocation.place == Place.LEFT) {


path.moveTo(margin, 10);


path.lineTo(getMeasuredWidth(), 10);


path.moveTo(getMeasuredWidth() - 10, 10);


path.lineTo(getMeasuredWidth() - 10, getMeasuredHeight());


path.moveTo(getMeasuredWidth() - 10, getMeasuredHeight());


path.lineTo(margin, getMeasuredHeight());


path.moveTo(margin, getMeasuredHeight());


path.lineTo(margin, mLocation.location);


Log.i("lcf", " mLocation.location = " + mLocation.location);


canvas.drawPath(path, paint);


}


}


public void setProgress(int progress) {


this.progress = progress;


postInvalidate();
}


private DrawLocation getLocation(float scope) {


float length = scope * progress / 100;


DrawLocation mLocation = new DrawLocation();


if (length > getMeasuredWidth()) {


float second = length - getMeasuredWidth();


if (second > getMeasuredHeight()) {


float third = second - getMeasuredHeight();


if (third > getMeasuredWidth()) {


float four = third - getMeasuredWidth();


mLocation.place = Place.LEFT;


mLocation.location = getMeasuredHeight() - four;


} else {


mLocation.place = Place.BOTTOM;


mLocation.location = getMeasuredWidth() - third;
}


} else {


mLocation.place = Place.RIGHT;


mLocation.location = second;


}


} else {


mLocation.place = Place.TOP;


mLocation.location = length;
}


return mLocation;


}


private class DrawLocation {


public Place place;
public float location;


}


public enum Place {


LEFT, RIGHT, TOP, BOTTOM
}


public int convertDpToPx(float dp, Context context) {
return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp,
context.getResources().getDisplayMetrics());
}





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值