網站首頁 編程語言 正文
本文實例為大家分享了Android自定義View實現進度條動畫的具體代碼,供大家參考,具體內容如下
控件效果
原理:
控制代碼/
/更新進度值
val mHandler = object : Handler() {
? ? ? ? override fun handleMessage(msg: Message?) {
? ? ? ? ? ? progressView.setCurrentProgress(progress1.toFloat())
? ? ? ? }
? ? }
//開啟動畫,更新進度值
?private fun progressAdd() {
? ? ? ? isAnimate = true
? ? ? ? progress1 = 0
? ? ? ? Thread(Runnable {
? ? ? ? ? ? while (isAnimate) {
? ? ? ? ? ? ? ? Thread.sleep(random.nextInt(200).toLong())
? ? ? ? ? ? ? ? progress1 += 1
? ? ? ? ? ? ? ? mHandler.sendEmptyMessage(0)
? ? ? ? ? ? }
? ? ? ? }).start()
? ? }
?? ?//停止動畫
? ? private fun progressReduce() {
? ? ? ? isAnimate = false
? ? }
控件源碼:
public class ProgressView extends View {
? ? //前景顏色
? ? private int FIRST_COLOR = 0xffFEA711; // ?0xff00574B;//
? ? //背景顏色
? ? private int SECOND_COLOR = 0xffFBE39C;
? ? private int mSecondWidth;
? ? private int mFirstWidth;
? ? private int mHeight;
? ? private int mSecondRadius;
? ? private int mFirstRadius;
? ? private int progressPadding = 30;
? ? private float currentValue;
? ? private int maxProgress = 100;
? ? //畫筆
? ? private Paint paint;
? ? private RectF rectF;
? ? private Bitmap leafBitmap;
? ? private int mLeafWidth;
? ? private int mLeafHeight;
? ? private List<Leaf> mLeafInfos;
? ? public ProgressView(Context context) {
? ? ? ? super(context, null);
? ? }
? ? public ProgressView(Context context, @Nullable AttributeSet attrs) {
? ? ? ? this(context, attrs, 0);
? ? }
? ? public ProgressView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
? ? ? ? super(context, attrs, defStyleAttr);
? ? ? ? paint = new Paint();
? ? ? ? paint.setStyle(Paint.Style.FILL);
? ? ? ? paint.setColor(FIRST_COLOR);
? ? ? ? paint.setAntiAlias(true);
? ? ? ? rectF = new RectF();
? ? ? ? leafBitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.icon_leaf);
? ? ? ? mLeafWidth = leafBitmap.getWidth();
? ? ? ? mLeafHeight = leafBitmap.getHeight();
? ? ? ? Log.e("zhen", " mLeafWidth: " + mLeafWidth + " mLeafHeight: " + mLeafHeight);
? ? }
? ? @Override
? ? protected void onSizeChanged(int w, int h, int oldw, int oldh) {
? ? ? ? super.onSizeChanged(w, h, oldw, oldh);
? ? ? ? mHeight = h;
? ? ? ? //外圍
? ? ? ? mSecondWidth = w;
? ? ? ? mSecondRadius = (int) ((mSecondWidth * 1f / 5) / 2);
? ? ? ? //內部進度條
? ? ? ? mFirstWidth = mSecondWidth - progressPadding - mSecondRadius;
? ? ? ? mFirstRadius = mSecondRadius - progressPadding;
? ? ? ? mLeafInfos = new LeafFactory(mFirstRadius - mLeafWidth, 6).generateLeafs();
? ? ? ? Log.e("zhen", " mSecondWidth: " + mSecondWidth + " mHeight: " + mHeight +
? ? ? ? ? ? ? ? " mSecondRadius: " + mSecondRadius + " mFirstWidth: " + mFirstWidth + " mFirstRadius: " + mFirstRadius);
? ? }
? ? public void setCurrentProgress(float currentProgress) {
? ? ? ? Log.e("zhen", "currentProgress: " + currentProgress);
? ? ? ? if (currentProgress > 100) return;
? ? ? ? currentValue = currentProgress / maxProgress * mFirstWidth;
? ? ? ? invalidate();
? ? }
? ? @Override
? ? protected void onDraw(Canvas canvas) {
? ? ? ? super.onDraw(canvas);
? ? ? ? //畫布移動
? ? ? ? canvas.translate(mSecondRadius, mHeight / 2);
? ? ? ? //畫背景左半圓
? ? ? ? paint.setStyle(Paint.Style.FILL);
? ? ? ? paint.setColor(SECOND_COLOR);
? ? ? ? rectF.left = -mSecondRadius;
? ? ? ? rectF.top = -mSecondRadius;
? ? ? ? rectF.right = mSecondRadius;
? ? ? ? rectF.bottom = mSecondRadius;
? ? ? ? canvas.drawArc(rectF, 90, 180, false, paint);
? ? ? ? //畫背景右半圓
? ? ? ? rectF.left = mSecondWidth - 3 * mSecondRadius;
? ? ? ? rectF.top = -mSecondRadius;
? ? ? ? rectF.right = mSecondWidth - mSecondRadius;
? ? ? ? rectF.bottom = mSecondRadius;
? ? ? ? canvas.drawArc(rectF, -90, 180, false, paint);
? ? ? ? //畫背景中間方形
? ? ? ? rectF.left = 0;
? ? ? ? rectF.top = -mSecondRadius;
? ? ? ? rectF.right = mSecondWidth - 2 * mSecondRadius;
? ? ? ? rectF.bottom = mSecondRadius;
? ? ? ? canvas.drawRect(rectF, paint);
? ? ? ? //繪制進度條半圓
? ? ? ? paint.setColor(FIRST_COLOR);
? ? ? ? float leftValue = (mFirstRadius - currentValue) > 0 ? (mFirstRadius - currentValue) : 0;
? ? ? ? float angel = (float) Math.toDegrees(Math.acos(leftValue / mFirstRadius));
? ? ? ? rectF.left = -mFirstRadius;
? ? ? ? rectF.top = -mFirstRadius;
? ? ? ? rectF.right = mFirstRadius;
? ? ? ? rectF.bottom = mFirstRadius;
? ? ? ? canvas.drawArc(rectF, 180 - angel, 2 * angel, false, paint);
? ? ? ? //繪制進度條方形
? ? ? ? if (currentValue >= mFirstRadius) {
? ? ? ? ? ? currentValue = currentValue > mFirstWidth ? mFirstWidth : currentValue;
? ? ? ? ? ? rectF.left = 0;
? ? ? ? ? ? rectF.top = -mFirstRadius;
? ? ? ? ? ? rectF.right = currentValue - mFirstRadius;
? ? ? ? ? ? rectF.bottom = mFirstRadius;
? ? ? ? ? ? canvas.drawRect(rectF, paint);
? ? ? ? }
? ? ? ? //落葉紛飛
? ? ? ? if (currentValue > 0 && currentValue < mFirstWidth) {
? ? ? ? ? ? long currentTime = System.currentTimeMillis();
? ? ? ? ? ? for (int i = 0; i < mLeafInfos.size(); i++) {
? ? ? ? ? ? ? ? Leaf leaf = mLeafInfos.get(i);
? ? ? ? ? ? ? ? int delay = (int) ((currentTime - leaf.startTime) % CIRCLE_TIME);
? ? ? ? ? ? ? ? leaf.x = mFirstWidth - mFirstRadius - delay * (mFirstWidth * 1f / CIRCLE_TIME);
? ? ? ? ? ? ? ? if (leaf.x + mFirstRadius + mLeafWidth < currentValue) continue;
? ? ? ? ? ? ? ? leaf.y = (float) (leaf.amplitude * Math.sin(2 * Math.PI / CIRCLE_TIME * delay + leaf.phaseOffeset));
? ? ? ? ? ? ? ? Log.e("zhen", "延時ms數" + delay + " 角速度: " + (2 * Math.PI / CIRCLE_TIME) + " leaf.x: " + leaf.x + " leaf.y: " + leaf.y);
? ? ? ? ? ? ? ? // 通過Matrix控制葉子旋轉
? ? ? ? ? ? ? ? Matrix matrix = new Matrix();
? ? ? ? ? ? ? ? matrix.postTranslate(leaf.x, leaf.y);
? ? ? ? ? ? ? ? // 根據葉子旋轉方向確定葉子旋轉角度
? ? ? ? ? ? ? ? float rotate = leaf.rotateOrientation ? leaf.x % 360f : -leaf.x % 360;
? ? ? ? ? ? ? ? matrix.postRotate(rotate, leaf.x + mLeafWidth / 2, leaf.y + mLeafHeight / 2);
? ? ? ? ? ? ? ? Log.e("zhen", "落葉子旋轉角度: " + rotate);
? ? ? ? ? ? ? ? canvas.drawBitmap(leafBitmap, matrix, paint);
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? //繪制旋轉風車
? ? ? ? paint.setColor(Color.WHITE);
? ? ? ? paint.setStyle(Paint.Style.STROKE);
? ? ? ? paint.setStrokeWidth(10);
? ? ? ? float x = mSecondWidth - 2 * mSecondRadius;
? ? ? ? float y = 0;
? ? ? ? canvas.drawCircle(x, y, mSecondRadius, paint);
? ? ? ? paint.setStyle(Paint.Style.FILL);
? ? ? ? paint.setColor(0XFFFCD158);
? ? ? ? canvas.drawCircle(x, y, mSecondRadius - 5, paint);
? ? }
? ? @IntDef({Amplitude.SMALL, Amplitude.MIDDLE, Amplitude.LARGE})
? ? public @interface Amplitude {
? ? ? ? int SMALL = 0;
? ? ? ? int MIDDLE = 1;
? ? ? ? int LARGE = 2;
? ? }
? ? public static class Leaf {
? ? ? ? public static long CIRCLE_TIME = 3000; //一個周期所需要的時間
? ? ? ? //振幅大小
? ? ? ? private int amplitude;
? ? ? ? //初始相位偏移
? ? ? ? private int phaseOffeset;
? ? ? ? //旋轉方向
? ? ? ? private boolean rotateOrientation;
? ? ? ? //延時時間
? ? ? ? private long startTime;
? ? ? ? //x位置取決于初始位置偏移
? ? ? ? private float x;
? ? ? ? //y位置取決于振幅,初始相位
? ? ? ? private float y;
? ? ? ? @Override
? ? ? ? public String toString() {
? ? ? ? ? ? return "Leaf{" +
? ? ? ? ? ? ? ? ? ? "amplitude=" + amplitude +
? ? ? ? ? ? ? ? ? ? ", phaseOffeset=" + phaseOffeset +
? ? ? ? ? ? ? ? ? ? ", rotateOrientation=" + rotateOrientation +
? ? ? ? ? ? ? ? ? ? ", startTime=" + startTime +
? ? ? ? ? ? ? ? ? ? ", x=" + x +
? ? ? ? ? ? ? ? ? ? ", y=" + y +
? ? ? ? ? ? ? ? ? ? '}';
? ? ? ? }
? ? }
? ? public static class LeafFactory {
? ? ? ? private Random random = new Random();
? ? ? ? int randomValue;
? ? ? ? private int mHeight;
? ? ? ? private int mLeafSize;
? ? ? ? public LeafFactory(int mHeight, int mLeafSize) {
? ? ? ? ? ? this.mHeight = mHeight;
? ? ? ? ? ? this.mLeafSize = mLeafSize;
? ? ? ? }
? ? ? ? public List<Leaf> generateLeafs() {
? ? ? ? ? ? List<Leaf> mLeafsInfo = new ArrayList<>();
? ? ? ? ? ? for (int i = 0; i < mLeafSize; i++) {
? ? ? ? ? ? ? ? mLeafsInfo.add(generateLeaf());
? ? ? ? ? ? }
? ? ? ? ? ? return mLeafsInfo;
? ? ? ? }
? ? ? ? private Leaf generateLeaf() {
? ? ? ? ? ? Leaf leaf = new Leaf();
? ? ? ? ? ? randomValue = random.nextInt(3);
? ? ? ? ? ? switch (randomValue) {
? ? ? ? ? ? ? ? case Amplitude.SMALL:
? ? ? ? ? ? ? ? ? ? leaf.amplitude = (int) (mHeight * 1f / 3);
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case Amplitude.MIDDLE:
? ? ? ? ? ? ? ? ? ? leaf.amplitude = (int) (mHeight * 2f / 3);
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case Amplitude.LARGE:
? ? ? ? ? ? ? ? ? ? leaf.amplitude = (int) (mHeight * 3f / 3);
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? }
? ? ? ? ? ? leaf.startTime = random.nextInt((int) CIRCLE_TIME);
? ? ? ? ? ? leaf.phaseOffeset = random.nextInt(8);
? ? ? ? ? ? leaf.rotateOrientation = random.nextBoolean();
? ? ? ? ? ? Log.e("zhen", "生成一個葉子:" + leaf);
? ? ? ? ? ? return leaf;
? ? ? ? }
? ? }
? ??
}
原文鏈接:https://blog.csdn.net/ZHENZHEN9310/article/details/94174237
相關推薦
- 2022-08-10 WPF中圖像處理的方法介紹_C#教程
- 2023-01-02 Oracle中sql語句如何執行日志查詢_MsSql
- 2022-06-06 webpack4.0-解決webpack 報The 'mode' option has not be
- 2022-08-31 C語言數據結構之單鏈表與雙鏈表的增刪改查操作實現_C 語言
- 2022-09-26 利用QDir實現刪除選定文件目錄下的空文件夾_C 語言
- 2022-07-24 .Net創建型設計模式之建造者、生成器模式(Builder)_基礎應用
- 2023-04-08 react中實現拖拽排序react-dnd功能_React
- 2022-04-24 Postman設置環境變量的實現示例_相關技巧
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支