Android ProgressBar 自定义动画

article/2025/10/8 14:57:45

 源码地址: https://download.csdn.net/download/dreams_deng/12236355 

 1.  自定义圆形动画

1.1 布局

 <!-- indeterminateDrawable  旋转图片indeterminateDuration  旋转速度--><ProgressBarandroid:id="@+id/pb_welcome_loading"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:indeterminateDrawable="@anim/image_progress"android:indeterminateDuration="700" />

 1.2  res/anim/ image_progress.xml, 在drawable-hdpi/progess 滚动图片即可

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/progess" ></rotate>

2. 自定义水平动画

   <ProgressBarandroid:id="@+id/pb_main_scan"style="?android:attr/progressBarStyleHorizontal"android:layout_width="match_parent"android:layout_height="wrap_content"android:progressDrawable="@drawable/my_progress"android:layout_marginLeft="10dp"android:layout_marginRight="10dp"/>

res/drawable/my_progress.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><!-- 背景图片 --><itemandroid:id="@android:id/background"android:drawable="@drawable/security_progress_bg"></item><!-- 进度图片 --><itemandroid:id="@android:id/progress"android:drawable="@drawable/security_progress"></item></layer-list>

上图:


http://chatgpt.dhexx.cn/article/WKN5KPgk.shtml

相关文章

Qt自定义动画移动路径

在使用Qt实现动画时&#xff0c;一般使用QPropertyAnimation来实现&#xff0c;一般我们实现控件的移动动画都是走直线&#xff0c;我们如何实现自己想要的移动路径呢&#xff0c;比如走圆弧。下面介绍通过QPropertyAnimation实现自定义动画移动路径&#xff0c;比如走圆曲线、…

Flutter开发之——动画-自定义动画

一 为什么要进行自定义动画 当系统提供的动画不满足业务需求时&#xff0c;就需要我们自己进行自定义动画通过自定义动画&#xff0c;可以提高自定义组件的能力 二 自定义动画过程 继承StatefulWidget &#xff0c;完成动画界面的绘制setState 中动画执行及状态监听并刷新UId…

JQuery自定义动画——animate()学习

JQuery自定义动画——animate()学习 可以使 用animate 方法创建和实现自定义动画&#xff0c;animate() 方法通过执行 CSS 属性集的自定义动画&#xff0c;满足更多复杂多变的要求。 该方法通过CSS样式将元素从一个状态改变为另一个状态。即通过CSS属性值逐渐改变的&#xff0…

搞定动画之 JQuery 中的自定义动画

古之立大事者&#xff0c;不惟有超世之才&#xff0c;亦必有坚忍不拔之志——苏轼 写在前面 所谓的自定义动画就是通过 jQuery 提供的方法来完成我们自己想要的动画效果 animate()方法 jQuery 提供了 animate() 方法完成自定义动画效果&#xff0c;该方法具有两种用法。 用…

animate.css 自定义动画

在使用animate.css 的时候 动画的高度超过了预期的高度 在这种情况下肯定是过不了测试的&#xff0c;怎么办的&#xff1f; <div class"fold-div animated " :class"{slideInDown:foldDivHeightShow}" </div>上边代码可以知道 用的是 slideInDown…

JQuery中的animate自定义动画

animate()方法用于创建自定义动画。 概述 .animate( properties [, duration ] [, easing ] [, complete ] ) properties 类型: PlainObject 一个CSS属性和值的对象,动画将根据这组对象移动。 duration (默认: 400) 类型: Number or String 一个字符串或者数字决定动画将运…

jQuery自定义动画

首先创建一个新的html&#xff0c;在body下面输入源代码&#xff1b;div标签代表的是颜色的面板&#xff0c;button标签代表的是按钮当我们输入好了源代码之后呢&#xff0c;那我们的源代码部分已经完成了&#xff0c;接下来剩下的就只有css样式和jQuery函数了 接下来我们先完成…

自定义动画

自定义动画非常简单&#xff0c;只需要实现它的applyTransformation的逻辑就可以了&#xff0c;不过通常情况下&#xff0c;还需要覆盖父类的initialize方法来实现一些初始化工作。applyTransformation方法有如下两个参数。 applyTransformation(float interpolatedTime, Trans…

自定义控件三部曲之动画篇(四)——ValueAnimator基本使用

前言&#xff1a;不要让别人的无知断送了你的梦想&#xff0c;永远坚信你所坚信的。 相关文章&#xff1a; 《Android自定义控件三部曲文章索引》&#xff1a;http://blog.csdn.net/harvic880925/article/details/50995268 一、概述 long long ago&#xff0c;我写过几篇有关…

[HTML/CSS]动画效果以及自定义动画效果

一&#xff0c;实现div或者文字的当鼠标浮于其上时的动画效果&#xff1a; 1&#xff0c;transition加在div中&#xff0c;实现动画效果的过渡效果&#xff0c;transition: all 3s;其中all表示所有样式都参与过渡&#xff0c;3s表示实现效果的时间&#xff1b;linear为使动画匀…

css如何让文字强制换行

我们在编写html时&#xff0c; 有时候&#xff0c;常常需要在移动端用到一些table的属性&#xff0c;来呈现一些数据。如果说我们的数据内不含连续的数字或字母时&#xff0c;显示是不会出错的。 可是如果我们要呈现的数据为数字或长字母信息时&#xff0c;常常会出现这样的情…

CSS文本强制换行

发生背景&#xff1a; 在没有空格的&#xff08;字母、数字&#xff0c;符号&#xff09;&#xff0c;超过容器宽度时就会把容器撑大&#xff0c;不换行。所以在这里需要对其设置强制换行的样式&#xff1b; 解决方案&#xff1a; /* word-wrap: break-word; */ /…

css强制换行和禁止换行

强制换行 word-break: break-all; /* 只对英文起作用&#xff0c;以字母作为换行依据。 */ word-wrap: break-word; /* 只对英文起作用&#xff0c;以单词作为换行依据。 */ white-space: pre-wrap; /* 只对中文起作用&#xff0c;强制换行。 */ 禁止换行 white-space:…

Css 强制英文自动换行以及word-wrap、word-break、white-space、overflow的用法

关于换行的几个知识点&#xff1a; 1、Css强制英文或数字自动换行 2、让中文按关键词或标签换行 3、Css强制中文不自动换行 4、Css强制中文不自动换行并自动隐藏&#xff1b; 5、Css中英文或数字的超出部分自动省略号…&#xff1b; 6、Css中word-wrap、word-break、white-spa…

功能测试的用例测试方法

一、等价类划分法&#xff1a; 即把所有可能输入的数据划分为若干个区域&#xff0c;然后从每个区域中取少数有嗲表行的数据进行测试。 例1&#xff1a;某网页的年龄输入框要求输入20~99的整数。&#xff08;说明&#xff1a;当输入的数据复合取值范围要求时提示&#xff1a;…

计算机性能检查方法,测试电脑性能的方法步骤详解

想知道自己电脑的运行性能吗?下面就让学习啦小编教大家如何测试电脑的性能吧。 测试电脑性能的方法 1.使用系统功能进行评测电脑的运行性能 这种方法就是通过windows自带的评测功能进行测试。 打开资源管理器&#xff0c;右键点击“属性”&#xff0c;进入到相应的窗口中来! 如…

性能测试七种常用方法,以及四大应用领域

文章目录 什么是性能测试性能指标测试模型测试种要有监控有预定条件性能测试中要有场景性能测试中有分析调优性能测试结果报告 常用的七种性能测试方法后端性能测试前端性能测试代码级性能测试压力测试配置测试并发测试可靠性测试 性能测试的四大应用领域能力验证能力规划性能调…

测试方法

一、 测试方法的分类 静态测试方法动态测试方法 1. 静态测试方法 不执行程序的测试方法。主要用于测试文档和代码&#xff08;文档&#xff09;。 2. 动态测试方法 通过运行程序来发现缺陷的测试方法。 黑盒测试方法白盒测试方法灰盒测试方法&#xff08;白 黑&#xff0…

无线网卡性能怎么测试软件,无线性能测试平台和方法

无线性能测试平台和方法 无线性能测试平台和方法 JCG JYR-N495 无线路由器 测试平台&#xff1a; 客户端&#xff1a;Thinkpad X200笔记本 450M外置无线网卡 服务器端&#xff1a;Thinkpad T400笔记本 测试软件&#xff1a;NetIQ Chariot v5.4&#xff1b;Endpoint6.0。 测试方…

银行核心业务系统性能测试方法

目录 前言 1、测试内容 2、测试方法 3、注意事项 前言 本文讨论的是基于字符终端型的银行核心业务系统。银行核心业务系统由于其复杂的业务流程&#xff0c;以及特殊的终端字符形式&#xff0c;与一般的B/S结构、C/S结构系统有较大的差异&#xff0c;其性能测试方法也存在很…