Как реализовать этот тип Progressbar в android с помощью xml файла

Как применить эффект свечения?

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

Вот мой код для цвета градиента

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

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

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

            <gradient
                    android:angle="180"
                    android:startColor="#8872f8fc"
                    android:endColor="#886dc0e3" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />

                <gradient
                    android:angle="180"
                    android:startColor="#31c6f7"
                    android:centerColor="#2ea6d1"
                    android:endColor="#2884a6" />
            </shape>
        </clip>
    </item>

</layer-list>

Ответы

Ответ 1

Вы можете использовать png-изображение для светящейся головы. Используйте <bitmap> внутри списка слоев и выровняйте его вправо. Я сделал аналогичную вещь для совершенно другого приложения

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item>
    <shape>
        <gradient
            android:angle="270"
            android:endColor="#4C4C4C"
            android:startColor="#303030" />

        <stroke
            android:width="0dp"
            android:color="#000000" />

        <corners android:radius="0dp" />

        <padding
            android:bottom="0dp"
            android:left="5dp"
            android:right="0dp"
            android:top="0dp" />
    </shape>
</item>
<item>
    <bitmap
        android:antialias="true"
        android:gravity="right|bottom|fill_vertical"
        android:src="@drawable/spinner_down_arrow" />
</item>

</layer-list>

Ответ 2

Эффекты свечения представляют собой png drawables с прозрачностью. Уложен сверху правой стороны текущего процесса.

Создайте настраиваемый индикатор выполнения.

Ответ 3

В качестве альтернативы вы можете добавить ImageView в свой макет. Создайте чертежи для индикаторов выполнения. Затем нарисуйте внутри ImageView с 2 слоями по коду. Первый слой будет фоном, а второй слой будет ручкой. Напишите код перерисовки в приемник onTouch для просмотра изображений, чтобы обновить представление по мере его касания.