Android中制作進(jìn)度框和環(huán)形進(jìn)度條的簡單實(shí)例分享
進(jìn)度框
import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import android.view.View; import java.util.Random; public class ObliqueProgressbar extends View { private Paint mPaint; private float mProgress; public ObliqueProgressbar(Context context) { this(context, null); } public ObliqueProgressbar(Context context, AttributeSet attrs) { this(context, attrs, 0); } public ObliqueProgressbar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); mPaint = new Paint(); mPaint.setAntiAlias(true); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (mProgress == 0) return; //碎片雨 mPaint.setColor(Color.parseColor("#a96ecb")); mPaint.setStrokeWidth(3); Random random = new Random(); int sx, sy; for (int i = 0; i < 200; i++) { sx = random.nextInt(getWidth() + 10); sy = random.nextInt(getHeight() + 10); // canvas.drawLine(sx, sy, sx+random.nextInt(5), sy+random.nextInt(5), mPaint); canvas.drawCircle(sx, sy, random.nextInt(5) + 1, mPaint); } //進(jìn)度 mPaint.setColor(Color.parseColor("#6AFFFFFF")); mPaint.setStrokeWidth(15); float x = mProgress * getWidth(); for (int i = 0; i < x; i += 30) { canvas.drawLine(i - 30, -10, i + 30, getHeight() + 10, mPaint); } } public void setProgress(float progress) { this.mProgress = progress; invalidate(); } }
環(huán)形進(jìn)度條
先來看一下效果:
下面直接上代碼了:
ckage com.stone.circleprogressbar.view; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Paint; import android.graphics.RectF; import android.graphics.Shader; import android.util.AttributeSet; import android.view.View; import com.stone.circleprogressbar.R; public class CircleProgressbar extends View { private float mProgress; private int mBarColor; private int mTextColor; private float mTextSize; public CircleProgressbar(Context context) { this(context, null); } public CircleProgressbar(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CircleProgressbar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressbar); mBarColor = array.getColor(R.styleable.CircleProgressbar_barColor, Color.GRAY); mTextColor = array.getColor(R.styleable.CircleProgressbar_textColor, Color.GRAY); mProgress = array.getFloat(R.styleable.CircleProgressbar_progress, 0); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); } public void setProgress(float count) { mProgress = count; invalidate(); } @Override protected void onDraw(Canvas canvas) { int w = getWidth(); int h = getHeight(); int strokeWidth = 20; int radius = w / 2 - strokeWidth / 2;//大圓 半徑 Bitmap barBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); Paint paint = new Paint(); paint.setAntiAlias(true); //抗鋸齒 paint.setStrokeWidth(strokeWidth); //描邊寬 paint.setDither(true); //防抖動(dòng) /* 外邊框 */ Canvas circleCanvas = new Canvas(barBitmap); RectF rect = new RectF(0, 0, w, h); paint.setColor(Color.argb(0x11, 0xcc, 0xcc, 0xcc)); // circleCanvas.drawRect(rect, paint); //沒啥用 只是看外邊框的 /* 內(nèi)圓 */ paint.setColor(Color.CYAN); paint.setShader(new LinearGradient(0, 0, w, h, Color.RED, Color.GREEN, Shader.TileMode.CLAMP)); circleCanvas.drawCircle(w / 2, h / 2, radius - strokeWidth / 2, paint); paint.setShader(null); /* 外圓 */ paint.setColor(mBarColor); paint.setStyle(Paint.Style.STROKE); circleCanvas.drawCircle(w / 2, h / 2, radius, paint); /* 圓弧 */ paint.setShader(new LinearGradient(0, 0, w, h, new int[]{Color.GREEN, Color.MAGENTA, Color.CYAN, Color.RED}, new float[]{0.2f, 0.5f, 0.7f, 1.0f}, Shader.TileMode.CLAMP)); float cur = mProgress * 360 * 0.01f; circleCanvas.drawArc(new RectF(strokeWidth / 2, strokeWidth / 2, w - strokeWidth / 2, h - strokeWidth / 2), 360 - 45, cur, false, paint); paint.setShader(null); /* 文本 */ paint.setColor(mTextColor); if (mTextSize == 0) { calcTextSize(paint, w, strokeWidth); } else { paint.setTextSize(mTextSize); } paint.setTextAlign(Paint.Align.LEFT);//default String percent = mProgress + "%"; paint.setStyle(Paint.Style.FILL); circleCanvas.drawText(percent, w / 2 - paint.measureText(percent) / 2, h / 2 + paint.getTextSize() / 2, paint); canvas.drawBitmap(barBitmap, 0, 0, paint); } /** * 計(jì)算并設(shè)置最適合的textSize * * @param paint * @param max 最大寬度 * @param offset 偏移 */ private void calcTextSize(Paint paint, int max, int offset) { float width = paint.measureText("99.99%"); while (width < max * 3 / 5) { paint.setTextSize(paint.getTextSize() + 5); width = paint.measureText("92.88%") + offset / 2; } mTextSize = paint.getTextSize(); } }
設(shè)置進(jìn)度刷新顯示 調(diào)用 setProgress()即可。
- Android實(shí)現(xiàn)環(huán)形進(jìn)度條
- Android自定義環(huán)形LoadingView效果
- Android自定義View實(shí)現(xiàn)環(huán)形進(jìn)度條的思路與實(shí)例
- Android實(shí)現(xiàn)計(jì)步進(jìn)度的環(huán)形Progress
- Android實(shí)現(xiàn)環(huán)形進(jìn)度條的實(shí)例
- Android實(shí)現(xiàn)環(huán)形進(jìn)度條代碼
- Android應(yīng)用中炫酷的橫向和環(huán)形進(jìn)度條的實(shí)例分享
- Android環(huán)形進(jìn)度條(安卓默認(rèn)形式)實(shí)例代碼
- android自定義環(huán)形對(duì)比圖效果
相關(guān)文章
Android 實(shí)現(xiàn)可任意拖動(dòng)的懸浮窗功能(類似懸浮球)
這篇文章主要介紹了Android 可任意拖動(dòng)的懸浮窗(類似懸浮球),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05Android自定義View仿QQ運(yùn)動(dòng)步數(shù)效果
這篇文章主要為大家詳細(xì)介紹了Android自定義View仿QQ運(yùn)動(dòng)步數(shù)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11Android手機(jī)衛(wèi)士之獲取聯(lián)系人信息顯示與回顯
這篇文章主要介紹了Android手機(jī)衛(wèi)士之獲取聯(lián)系人信息顯示與回顯的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10Android使用ViewDragHelper實(shí)現(xiàn)QQ6.X最新版本側(cè)滑界面效果實(shí)例代碼
這篇文章主要介紹了Android程序開發(fā)實(shí)現(xiàn)QQ6.X最新版本側(cè)滑界面效果實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-02-02Android實(shí)現(xiàn)電子羅盤(指南針)方向傳感器的應(yīng)用
今天小編就為大家分享一篇關(guān)于Android實(shí)現(xiàn)電子羅盤(指南針)方向傳感器的應(yīng)用,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-03-03Flutter質(zhì)感設(shè)計(jì)之列表項(xiàng)
這篇文章主要為大家詳細(xì)介紹了Flutter質(zhì)感設(shè)計(jì)之列表項(xiàng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08Android筆記之:App應(yīng)用之發(fā)布各廣告平臺(tái)版本的詳解
Android的廣告平臺(tái)是很多的,各市場對(duì)各平臺(tái)的接受程度是不一樣的,Android的開發(fā)者如果想集成廣告基本要考慮下面兩個(gè)問題2013-04-04Android編程實(shí)現(xiàn)橫豎屏切換時(shí)不銷毀當(dāng)前activity和鎖定屏幕的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)橫豎屏切換時(shí)不銷毀當(dāng)前activity和鎖定屏幕的方法,涉及Android屬性設(shè)置及activity操作的相關(guān)技巧,需要的朋友可以參考下2015-11-11