三种方式实现自定义圆形进度条ProgressBar
2019独角兽企业重金招聘Python工程师标准>>>
一、通过动画实现
定义res/anim/loading.xml如下:
- <?xml version="1.0" encoding="UTF-8"?>
- <animation-list android:oneshot="false"
- xmlns:android="http://schemas.android.com/apk/res/android">
- <item android:duration="150" android:drawable="@drawable/loading_01" />
- <item android:duration="150" android:drawable="@drawable/loading_02" />
- <item android:duration="150" android:drawable="@drawable/loading_03" />
- <item android:duration="150" android:drawable="@drawable/loading_04" />
- <item android:duration="150" android:drawable="@drawable/loading_05" />
- <item android:duration="150" android:drawable="@drawable/loading_06" />
- <item android:duration="150" android:drawable="@drawable/loading_07" />
- </animation-list>
<?xml version="1.0" encoding="UTF-8"?>
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android"><item android:duration="150" android:drawable="@drawable/loading_01" /><item android:duration="150" android:drawable="@drawable/loading_02" /><item android:duration="150" android:drawable="@drawable/loading_03" /><item android:duration="150" android:drawable="@drawable/loading_04" /><item android:duration="150" android:drawable="@drawable/loading_05" /><item android:duration="150" android:drawable="@drawable/loading_06" /><item android:duration="150" android:drawable="@drawable/loading_07" />
</animation-list>
二、通过自定义颜色实现
定义res/drawable/progress_small.xml如下:
- <?xml version="1.0" encoding="utf-8"?>
- <rotate xmlns:android="http://schemas.android.com/apk/res/android"
- android:fromDegrees="0"
- android:pivotX="50%"
- android:pivotY="50%"
- android:toDegrees="360" >
- <shape
- android:innerRadiusRatio="3"
- android:shape="ring"
- android:thicknessRatio="8"
- android:useLevel="false" >
- <gradient
- android:centerColor="#FFFFFF"
- android:centerY="0.50"
- android:endColor="#1E90FF"
- android:startColor="#000000"
- android:type="sweep"
- android:useLevel="false" />
- </shape>
- </rotate>
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"android:fromDegrees="0"android:pivotX="50%"android:pivotY="50%"android:toDegrees="360" ><shapeandroid:innerRadiusRatio="3"android:shape="ring"android:thicknessRatio="8"android:useLevel="false" ><gradientandroid:centerColor="#FFFFFF"android:centerY="0.50"android:endColor="#1E90FF"android:startColor="#000000"android:type="sweep"android:useLevel="false" /></shape>
</rotate>
三、使用一张图片进行自定义
定义res/drawable/progress_small.xml如下:
- <rotate xmlns:android="http://schemas.android.com/apk/res/android"
- android:drawable="@drawable/spinner_black_16"
- android:pivotX="50%"
- android:pivotY="50%"
- android:fromDegrees="0"
- android:toDegrees="360" />
<rotate xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/spinner_black_16"android:pivotX="50%"android:pivotY="50%"android:fromDegrees="0"android:toDegrees="360" />
使用方法都一样, 如下:
- <ProgressBar
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:indeterminateDrawable="@drawable/progress_small"/>
<ProgressBarandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:indeterminateDrawable="@drawable/progress_small"/>
也可以根据需要通过设置style来设置其大小! 一般只有使用默认的ProgrressBar的时候采用。对于上述三种自定义的方式,建议修改直接修改图片大小,或者shape;
- <ProgressBar
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_centerInParent="true"
- style="?android:attr/progressBarStyleSmall"
- android:indeterminateDrawable="@drawable/progress_small"/>
<ProgressBarandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"style="?android:attr/progressBarStyleSmall"android:indeterminateDrawable="@drawable/progress_small"/>
设置成progressBarStyleSmall后,图标变小。
设置成progressBarStyleLarge后,图标变大
转载于:https://my.oschina.net/u/586684/blog/169419
三种方式实现自定义圆形进度条ProgressBar相关推荐
- android圆形点击效果,Android 三种方式实现自定义圆形页面加载中效果的进度条
[实例简介] Android 三种方式实现自定义圆形页面加载中效果的进度条 [实例截图] [核心代码] ad376a86-a9aa-49bc-8cea-321bcff2c0c3 └── AnimRou ...
- Android 三种方式实现自定义圆形页面加载中效果的进度条
转载:http://www.eoeandroid.com/forum.php?mod=viewthread&tid=76872 一.通过动画实现 定义res/anim/loading.xml如 ...
- android圆形进度条ProgressBar颜色设置
原帖地址:http://www.apkbus.com/android-19012-1-1.html xml布局文件需加入如下的进度条构件: Java代码 <ProgressBar android ...
- 自定义圆形进度条的实现方式
如何自定义圆形进度条哪,也就是替换一下进度条的图片而已. 先分析一下,系统对进度条如何定义的: 咱们一般情况下载布局文件中这么书写: //在布局文件里的代码<ProgressBarandroid ...
- android自定义圆形进度条,实现动态画圆效果
自定义圆形进度条效果图如下:应用场景如动态显示分数等. view的自定义属性如下attr.xml <?xml version="1.0" encoding="UTF ...
- Android自定义圆形进度条
Android自定义圆形进度条 github地址:https://github.com/opq1289/CircleProgressView 效果图: 无动画: 有动画: 整圆: 切割圆: 具体步骤: ...
- android绘制环形进度_Android动态自定义圆形进度条
这篇文章主要介绍了Android动态自定义圆形进度条,需要的朋友可以参考下 效果图: A.绘制圆环,圆弧,文本 //1.画圆环 //原点坐标 float circleX = width / 2; fl ...
- 微信小程序进度条样式_详解微信小程序——自定义圆形进度条
微信小程序 自定义圆形进度条,具体如下: 无图无真相,先上图: 实现思路,先绘制底层的灰色圆圈背景,再绘制上层的蓝色进度条. 代码实现: JS代码: 页面初始化 options为页面跳转所带来的参数 ...
- 自定义圆形进度条 自定义倒计时进度条
自定义圆形进度条 自定义倒计时进度条 版权声明:转载必须注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003 此控件源码已开源到Github:https: ...
最新文章
- vue cli 添加html,vue-cli创建的项目,配置多页面的实现方法
- winserver下oracle好运维吗,在Windows 客户端下备份远程Linux服务器上的Oracle数据库...
- 2012总结--第1篇--技术篇
- 动态调用WCF服务[转]
- 研讨会 | 知识工程与问答技术研讨会 (KEQA2018)
- [原创] VPDN--PPTP Server
- java建立检索项语料库_sentilib_语料库项目_search模块的实现
- TCP半连接队列(syns queue)和全连接队列(accept queue)
- php redis support,ThinkPHP5报错php not support: redis以及Redis的使用
- vue canvas动效组件插件库制作
- Mysql几种索引类型的区别及适用情况
- android系统功耗问题:systrace
- python 使用 config 文件
- linux版本qq的安装
- 荣耀6plus+android5.1,荣耀6Plus Emui3.1-Android5.1.1 Root教程
- Flutter流畅性fps计算
- Centos7 kvm环境制作qcow2 格式镜像
- Android自定义按钮样式
- Symbol - 看似平凡的Symbol其实我们每天都在用 - 对象操作
- 字节跳动2018.11校招测试岗笔试(回忆版)
热门文章
- pgsql 运行状态 采集脚本
- 前嗅ForeSpider教程:采集图片/视频/资源文件的链接地址
- RPC协议之争和选型要点
- Github Pages+Hexo+阿里云域名绑定
- 深入了解iSCSI的2种多路径访问机制
- 我的LDAP使用手记(Fedora-ds) 备忘用
- Python入门教程:很多人推荐学 Python 入 IT ,如果学完 Python 找不到工作怎么办...
- ZOJ 2561 Order-Preserving Codes(四边形优化DP)
- gcd(辗转相除法)
- hbase 数据库简介安装与常用命令的使用