扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本篇文章给大家分享的是有关Android中怎么通过自定义View实现炫酷进度条,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
创新互联公司是一家集网站建设,赞皇企业网站建设,赞皇品牌网站建设,网站定制,赞皇网站建设报价,网络营销,网络优化,赞皇网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
第一步:创建attrs文件夹,自定义属性:
第二步:自定义View:
/** * Created by Michael on 2019/11/1. */ public class MyProgress extends View { private int outColor; private int innerColor; private int textColor; private float borderWidth; private int textSize; private Paint mOutPaint; private Paint mInnerPaint; private Paint mTextPaint; private float percent; private int p; public MyProgress(Context context) { this(context,null); } public MyProgress(Context context, @Nullable AttributeSet attrs) { this(context, attrs,0); } public MyProgress(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.MyProgress); outColor = array.getColor(R.styleable.MyProgress_out_color, Color.GREEN); innerColor = array.getColor(R.styleable.MyProgress_inner_color, Color.BLUE); textColor = array.getColor(R.styleable.MyProgress_text_color, Color.BLACK); borderWidth = array.getDimension(R.styleable.MyProgress_border_width,10); textSize = array.getDimensionPixelSize(R.styleable.MyProgress_text_size,20); array.recycle(); init(); } private void init() { mOutPaint = new Paint(); mOutPaint.setAntiAlias(true); mOutPaint.setDither(true); mOutPaint.setStyle(Paint.Style.STROKE); mOutPaint.setStrokeWidth(borderWidth); mOutPaint.setColor(outColor); mInnerPaint = new Paint(); mInnerPaint.setAntiAlias(true); mInnerPaint.setDither(true); mInnerPaint.setStyle(Paint.Style.STROKE); mInnerPaint.setStrokeWidth(borderWidth); mInnerPaint.setColor(innerColor); mTextPaint = new Paint(); mTextPaint.setAntiAlias(true); mTextPaint.setDither(true); mTextPaint.setStyle(Paint.Style.FILL); mTextPaint.setTextSize(textSize); mTextPaint.setColor(textColor); percent = 0; p = 100; } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int widthMode = MeasureSpec.getMode(widthMeasureSpec); int heightMode = MeasureSpec.getMode(heightMeasureSpec); int width = 0,height =0; if (widthMode == MeasureSpec.AT_MOST){ }else{ width = MeasureSpec.getSize(widthMeasureSpec); } if (heightMode == MeasureSpec.AT_MOST){ }else{ height = MeasureSpec.getSize(heightMeasureSpec); } setMeasuredDimension(width>height?height:width,width>height?height:width); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int rWidth = getWidth()>getHeight()?getHeight():getWidth(); int rHeight = getWidth()>getHeight()?getHeight():getWidth(); //int rWidth = getWidth(); //int rHeight = getHeight(); float radius = rWidth/2 - borderWidth/2; canvas.drawCircle(rWidth/2,rHeight/2,radius,mOutPaint); RectF r = new RectF(borderWidth/2,borderWidth/2, rWidth-borderWidth/2,rHeight-borderWidth/2); canvas.drawArc(r,0,360*percent,false,mInnerPaint); String s1 = (int)(percent*100) + "%"; Rect r2 = new Rect(); mTextPaint.getTextBounds(s1,0,s1.length(),r2); int tWidth = r2.width(); int tHeight = r2.height(); Paint.FontMetricsInt fontMetricsInt = new Paint.FontMetricsInt(); int dy = (fontMetricsInt.bottom-fontMetricsInt.top)/2-fontMetricsInt.bottom; int baseLine = tHeight/2+dy+rHeight/2-tHeight/2; int x0 = rWidth/2-tWidth/2; canvas.drawText(s1,x0,baseLine,mTextPaint); } public void setProgress(float percent,int value){ this.percent = percent; invalidate(); } }
然后在布局中使用:
在activity中使用属性动画完成效果:
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final MyProgress progress = findViewById(R.id.progress); ValueAnimator animator = ValueAnimator.ofInt(0,5000); animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { float p = animation.getAnimatedFraction(); int value = (int)animation.getAnimatedValue(); progress.setProgress(p,value); } }); animator.setDuration(10000); animator.start(); } }
如果我们改动一下代码:
//int rWidth = getWidth();//int rHeight = getHeight();
以上就是Android中怎么通过自定义View实现炫酷进度条,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流