[英]How to make an Android progressbar with rounded loaderbar?
[英]How to make progressbar progress rounded from edge?
我正在制作圆形和渐变色的自定义进度条。 我实现了它,但是从边缘使它变圆不起作用。
这是我的进度条
<ProgressBar
android:id="@+id/progress1"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="250dp"
android:layout_height="250dp"
android:indeterminate="false"
android:max="100"
android:progress="80"
android:progressDrawable="@drawable/bg_progressbar_1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
这是可绘制的
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/progress"
android:top="2dp"
android:bottom="2dp"
android:left="2dp"
android:right="2dp">
<rotate
android:fromDegrees="90"
android:toDegrees="90"
android:pivotX="50%"
android:pivotY="50%" >
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:thickness="15dp" >
<gradient
android:centerColor="#e62a77"
android:endColor="#d5302a"
android:startColor="#ff006d"
android:type="sweep" />
<corners android:radius="8dp"/>
</shape>
</rotate>
</item>
我使用了<corners android:radius="8dp"/>
仍然无法正常工作。
请尝试以下代码
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<rotate android:fromDegrees="270" android:toDegrees="270">
<shape
android:innerRadiusRatio="2.55"
android:shape="ring"
android:thickness="15dp"
android:useLevel="true">
<gradient
android:centerColor="#e62a77"
android:endColor="#d5302a"
android:startColor="#ff006d"
android:type="sweep" />
</shape>
</rotate>
</item>
<item android:bottom="211dp">
<shape
android:innerRadiusRatio="1000"
android:shape="ring"
android:thickness="7dp"
android:useLevel="false">
<solid android:color="#ff006d" />
</shape>
</item>
<item>
<rotate>
<inset android:insetBottom="211dp">
<shape
android:innerRadiusRatio="1000"
android:shape="ring"
android:thickness="7dp"
android:useLevel="false">
<solid android:color="#d5302a" />
</shape>
</inset>
</rotate>
</item>
</layer-list>
参考: https : //stackoverflow.com/a/56905735/6997819
它使用三个项目
1)在起点圈
2) 循序渐进的圆圈
3)主要进展路线
检查结果图像
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.