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

Как создать горизонтальный индикатор выполнения, который имеет два вида индикаторов круга?

0 голосов
/ 11 марта 2020

один заполненный круг со значком галочки с достигнутой целью, а другой - линейный круг, который будет достигнут в будущем. Я создал горизонтальный индикатор выполнения с цветным прогрессом, но я не могу поставить круговые индикаторы ProgressBar это настраиваемое рисование. xml для индикатора выполнения: 

<?xml version="1.0" encoding="utf-8"?>


<item android:id="@android:id/background">
    <shape>
        <corners android:radius="5dip" />

        <solid android:color="#EAF2FF"/>
    </shape>
</item>
<item android:id="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />

            <solid android:color="@color/color_EAF2FF"/>
        </shape>
    </clip>
</item>
<item android:id="@android:id/progress">
    <scale
        android:useIntrinsicSizeAsMinimum="true"
        android:scaleWidth="100%"
        android:drawable="@drawable/badge_progress_image" />
</item>

выполнение чертежа: 

<ProgressBar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/Widget.AppCompat.ProgressBar.Horizontal"
            android:indeterminate="false"
            android:id="@+id/progressbar_home_badge"
            android:maxHeight="5dip"
            android:minHeight="5dip"
            android:layout_marginStart="@dimen/size_1dp"
            android:progress="0"
            android:progressDrawable="@drawable/badge_progress_gradiant" />

индикатор заполненного круга: 

<?xml version="1.0" encoding="utf-8"?>


<item>
    <shape
        android:shape="oval">
        <solid
            android:color="#04DDB7"/>

        <size
            android:width="@dimen/size_20dp"
            android:height="@dimen/size_20dp"/>
    </shape>
</item>

<item
    android:drawable="@drawable/icon_tick_streak"
    android:gravity="center"/>

второй индикатор круга, который будет достигнут следующим: 

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

<item>
    <shape
        android:shape="oval">
        <solid
            android:color="#A2E3D8"/>
    </shape>
</item>

<item>
    <shape
        android:shape="oval">

        <stroke
            android:width="@dimen/size_4dp"
            android:color="#04DDB7" />

    </shape>
</item>

что мне делать и как я могу этого достичь. Пожалуйста, помогите, спасибо.

...