持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情
👉关于作者
众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣！！！
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）
欢迎关注公众号【空名先生】获取更多资源和交流！
👉前提
这是小空坚持写的Android新手向系列，欢迎品尝。
大佬（×）
新手（√）
👉实践过程
😜自定义样式
Xml布局
<ProgressBar
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:max="100"
android:progress="80"
android:progressDrawable="@drawable/bg_pro_bar" />
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--背景颜色-->
<item android:id="@android:id/background">
<shape>
<!--设置边缘角-->
<corners android:radius="5dp" />
<solid android:color="#333333" />
</shape>
</item>
<!--二级进度条-->
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="5dp" />
<gradient
android:endColor="#c3b2ff"
android:startColor="#b9a4ff" />
<size android:height="12dp" />
</shape>
</clip>
</item>
<!--进度条-->
<item android:id="@android:id/progress">
<clip>
<!--scaleWidth会让右侧看起来更舒服-->
<scale
android:drawable="@drawable/pro_bar_pro"
android:scaleWidth="100%" />
</clip>
<!--可以是.9图-->
<!-- <clip>-->
<!-- <nine-patch android:src="@drawable/notify_green" />-->
<!-- </clip>-->
</item>
</layer-list>
scaleWidth属性会让右侧看起来更舒服
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="5dp" />
<gradient
android:angle="0"
android:endColor="#ecd803"
android:startColor="#f2eba1" />
</shape>
😜直接动画
这个适合没有具体进度的不确定进度条，让UI准备Loading序列帧图片。
在res目录下新建一个:anim文件件，然后创建amin_progressbar.xml的资源文件：
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false" >
<item
android:drawable="@drawable/loading_01"
android:duration="200"/>
<item
android:drawable="@drawable/loading_02"
android:duration="200"/>
<item
android:drawable="@drawable/loading_03"
android:duration="200"/>
<item
android:drawable="@drawable/loading_04"
android:duration="200"/>
<item
android:drawable="@drawable/loading_05"
android:duration="200"/>
<item
android:drawable="@drawable/loading_06"
android:duration="200"/>
<item
android:drawable="@drawable/loading_07"
android:duration="200"/>
<item
android:drawable="@drawable/loading_08"
android:duration="200"/>
</animation-list>
然后使用Progressbar的属性indeterminateDrawable指定即可。
😜ProgressDialog
这是系统自带的一个对话框进度条，样式美观度不敢恭维。
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_bar);
ProgressDialog pb = new ProgressDialog(this);
pb.setMax(100);
//点击外部是否可以被取消
pb.setCancelable(true);
//设置标题
pb.setTitle("下载对话框");
//设置中间文本内容
pb.setMessage("正在下载中....");
pb.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
pb.show();
//在show后调用
pb.setProgress(50);
}
😜ContentLoadingProgressBar
其实就是个不确定进度条，一直转圈圈的那种。
<androidx.core.widget.ContentLoadingProgressBar
android:layout_width="60dp"
style="?android:attr/progressBarStyleSmall"
android:layout_height="60dp" />
颜色值默认是 theme.xml中应用主题的属性的颜色。
代码中也可以修改颜色：
progressBar.getIndeterminateDrawable().setColorFilter(ContextCompat.getColor(context,R.color.red_bg_light), PorterDuff.Mode.MULTIPLY);
😜自定义进度条
相比自定义样式是有很大区别的，自定义样式仍然是使用的官方ProgressBar，而自定义进度条是自己继承View重写一个。
在这小空就不班门弄斧了，直接推荐很优秀的开源项目。
github.com/daimajia/Nu… star数6k
github.com/castorflex/… star数4.4k
github.com/dinuscxj/Lo… star数4k
📢作者：小空和小芝中的小空
📢转载说明-务必注明来源：芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)
📢这位道友请留步☁️，我观你气度不凡，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！！！旁边有点赞👍收藏🌟今日传你，点了吧，未来你成功☀️，我分文不取，若不成功⚡️，也好回来找我。
