這篇文章主要為大家展示了Android自定義View如何實現(xiàn)圓環(huán)進度條,內(nèi)容簡而易懂,希望大家可以學(xué)習(xí)一下,學(xué)習(xí)完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
目前成都創(chuàng)新互聯(lián)已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計、洪湖網(wǎng)站維護等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
本文實例為大家分享了Android自定義View實現(xiàn)圓環(huán)進度條的具體代碼,供大家參考,具體內(nèi)容如下
效果展示
動畫效果
View實現(xiàn)
1.底層圓環(huán)是灰色背景
2.上層圓環(huán)是紅色背景
3.使用動畫畫一條弧線
View
/** * 圓環(huán)進度條 */ public class RoundProgressBar extends View { //繪制矩形區(qū)域 private RectF rectF; //起始角度 private float startAngle; //掃過角度 private float sweepAngle; //畫筆 private Paint paint; //默認(rèn)控件大小 private int defoutSize; //默認(rèn)線條寬度 private int defoutLine; private int strokeWidth; private PointF pointF = new PointF(); public RoundProgressBar(Context context) { super(context); initData(); } public RoundProgressBar(Context context, AttributeSet attrs) { super(context, attrs); initData(); } /** * 參數(shù)初始化 */ private void initData() { startAngle = 0; sweepAngle = 0; defoutSize = 400; defoutLine = 20; strokeWidth = 20; rectF = new RectF(); //抗鋸齒畫筆 paint = new Paint(Paint.ANTI_ALIAS_FLAG); paint.setColor(Color.GRAY); paint.setStrokeWidth(defoutLine); //筆帽樣式 paint.setStrokeCap(Paint.Cap.ROUND); paint.setStyle(Paint.Style.STROKE); } /** * xml -----> 提供可繪制位置 * * @param widthMeasureSpec 寬 * @param heightMeasureSpec 高 */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); setMeasuredDimension(defoutSize, defoutSize); } /** * 當(dāng)大小時改變回調(diào) * * @param w * @param h * @param oldw * @param oldh */ @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); pointF.x = w >> 1; pointF.y = h >> 1; rectF.top = strokeWidth >> 1; rectF.bottom = h - (strokeWidth >> 1); rectF.left = strokeWidth >> 1; rectF.right = w - (strokeWidth >> 1); } /** * 繪制 * * @param canvas */ @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //畫布旋轉(zhuǎn) paint.setColor(Color.GRAY); canvas.rotate(135, pointF.x, pointF.y); //繪制圓環(huán) canvas.drawArc(rectF, startAngle, 270, false, paint); paint.setColor(Color.RED); canvas.drawArc(rectF, startAngle, sweepAngle, false, paint); } public void setProgress(float index) { //防止數(shù)值越界 if (index > 1 || index < 0) { return; } ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, index); valueAnimator.setDuration(3000); valueAnimator.setInterpolator(new DecelerateInterpolator()); valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { sweepAngle = (float) animation.getAnimatedValue() * 270; //重寫繪制 invalidate(); } }); valueAnimator.start(); } }
最后在Activity中使用setProgress方法賦值進度條的進度來實現(xiàn)效果
progressView.setProgress(0.8f);
以上就是關(guān)于Android自定義View如何實現(xiàn)圓環(huán)進度條的內(nèi)容,如果你們有學(xué)習(xí)到知識或者技能,可以把它分享出去讓更多的人看到。
網(wǎng)站標(biāo)題:Android自定義View如何實現(xiàn)圓環(huán)進度條
分享路徑:http://muchs.cn/article8/jioeip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、微信小程序、網(wǎng)站制作、企業(yè)網(wǎng)站制作、網(wǎng)站收錄、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)