自定义view - 圆形 图片加载进度

一个自定义的 圆形加载进度

效果图展示

下载

Add it in your root build.gradle at the end of repositories:

1
2
3
4
5
6
allprojects {
repositories {
...
maven { url 'https://www.jitpack.io' }
}
}

Step 2. Add the dependency

1
2
3
dependencies {
implementation 'com.github.JiangHaiYang01:ProgressView:0.0.2'
}

当前最新版本

使用

xml

1
2
3
4
<com.starot.customprogress.CircleProgressView
android:id="@+id/progress"
android:layout_width="50dp"
android:layout_height="50dp" />

参数介绍

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!-- 未完成进度颜色 -->
<attr name="custom_progressNormalColor" format="color" />
<!-- 已完成进度颜色 -->
<attr name="custom_progressReachColor" format="color" />
<!-- 进度的值字体颜色 -->
<attr name="custom_progressTextColor" format="color" />
<!-- 进度值字体大小 -->
<attr name="custom_progressTextSize" format="dimension" />
<!-- 未完成进度条大小 -->
<attr name="custom_progressNormalSize" format="dimension" />
<!-- 未完成进度条大小 -->
<attr name="custom_progressReachSize" format="dimension" />
<!-- 半径 -->
<attr name="custom_radius" format="dimension" />
<!-- 是否显示进度值 -->
<attr name="custom_progressTextVisible" format="boolean" />
<!-- 起始角度 -->
<attr name="custom_progressStartArc" format="integer" />
<!-- 进度值字体倾斜角度 -->
<attr name="custom_progressTextSkewX" format="dimension" />
<!-- 进度值后缀 -->
<attr name="custom_progressTextPrefix" format="string" />
<!-- 进度值前缀 -->
<attr name="custom_progressTextSuffix" format="string" />
<!-- 内部背景填充颜色 -->
<attr name="custom_innerBackgroundColor" format="color" />
<!-- 进度风格 -->
<attr name="custom_progressStyle" format="enum">
<!-- 默认 -->
<enum name="Normal" value="0" />
<!-- 扇形 -->
<enum name="FillInner" value="1" />
<!-- 底部开始充满 -->
<enum name="FillInnerArc" value="2" />
</attr>
<!-- 内部圆与外部圆间距 -->
<attr name="custom_innerPadding" format="dimension" />
<!-- 外部圆环颜色 -->
<attr name="custom_outerColor" format="color" />
<!-- 外层圆环宽度 -->
<attr name="custom_outerSize" format="dimension" />
<!-- 画笔是否使用圆角边界,normalStyle下生效 -->
<attr name="custom_reachCapRound" format="boolean" />

Github

点击查看

参考

https://github.com/sunfusheng/GlideImageView