Android-如何绘制圆形进度条,如下图所示?

进度条xml如下:

<progressbar> android:id="@+id/progressBarCircular"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="200dp"
android:layout_height="200" style="height:200px"
android:layout_alignTop="@id/squareView_3"
android:layout_toRightOf="@id/squareView_3"
android:layout_marginTop="-105dp"
android:layout_marginLeft="40dp"
android:indeterminate="false"
android:max="100"
android:progress="0"
android:background="@color/BlackText"
android:progressDrawable="@drawable/circular_progressbar" />
/<progressbar>

circular_progressbar.xml如下:


<layer-list>
<item>
<shape> android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="8.0">
<solid>
/<shape>
/<item>
<item>
<shape> android:innerRadiusRatio="2.5"
android:shape="ring"
android:thicknessRatio="12.0">
<solid>
/<shape>
/<item>
/<layer-list>

并设置进度:

ProgressBar pb = (ProgressBar)view.FindViewById(Resource.Id.progressBarCircular);
pb.Progress = 75;

这不是给我进度条,如下所示,如何绘制进度条如下图所示:

Android-如何绘制圆形进度条,如下图所示?

任何帮助将非常感激。谢谢你,快乐的编码。


试试这个解决方案,我想你会得到你想要的输出


<layer-list>
<item>
<shape> android:angle="0"
android:shape="ring"
android:thickness="10dp"
android:useLevel="false">
<solid>
/<shape>
/<item>
<item>
<rotate> android:fromDegrees="270"
android:toDegrees="270">
<shape> android:angle="0"
android:shape="ring"
android:thickness="10dp"
android:useLevel="true">
<solid>
/<shape>
/<rotate>
/<item>
/<layer-list>

为了轮换,我将ProgressBar视图中的属性调整为: -

<progressbar> android:id="@+id/progressBarView"
android:layout_width="200dp"
android:layout_height="200dp"
style="?android:attr/progressBarStyleHorizontal"
android:indeterminateOnly="false"
android:rotation="-90"
android:max="100"
android:progressDrawable="@drawable/circular_progressbar" />
/<progressbar>


分享到:


相關文章: