Как разработать индикатор прогресса, как прикрепленное изображение? - PullRequest
Новая
       6

Как разработать индикатор прогресса, как прикрепленное изображение?

0 голосов
/ 31 мая 2018

У меня есть индикатор выполнения, он выглядит так, как на рисунке 1, и должен выглядеть как рисунок 2. Ниже приведен мой код для индикатора выполнения.Посоветуйте пожалуйста как это сделать.Прикрепленные изображения являются ссылками, потому что это не позволяет мне загружать изображения напрямую.

MyProgressBar

MyProgressBar

Требование

Requirement

Ниже приведен код в Layout: 

<ProgressBar
    android:id="@+id/percentage_circle"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="161dp"
    android:layout_height="161dp"
    android:max="100"
    android:progress="0"
    android:progressDrawable="@drawable/xml_custom_circular_progress" />

Ниже приведен код в Drawable 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background" >
        <shape
            android:innerRadiusRatio="2.5"
            android:thicknessRatio="25"
            android:shape="ring"
            android:useLevel="false">
            <solid android:color="@color/black_50" />
            <stroke android:color="@color/text_white"/>
        </shape>
    </item>

    <item android:id="@android:id/progress">
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%" >
            <shape
                android:innerRadiusRatio="2.5"
                android:thicknessRatio="25"
                android:shape="ring"
                >
                <gradient
                    android:endColor="@color/history_graph_gradient_end"
                    android:angle="90"
                    android:startColor="@color/history_graph_gradient_start"
                    android:centerColor="#0033C2"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%" >
            <shape
                android:innerRadiusRatio="2.5"
                android:thicknessRatio="25"
                android:shape="ring"
                >
                <gradient
                    android:endColor="@color/history_graph_gradient_end"
                    android:angle="90"
                    android:startColor="@color/history_graph_gradient_start"
                    android:centerColor="#0033C2"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>
</layer-list>

Я неу него появляются внутренние границы и фон индикатора выполнения.Мне действительно нужна помощь.

...