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>


分享到:


相關文章: