Сделать фоновую часть изменения формы противоположной части прогресса - PullRequest
Новая
       35

Сделать фоновую часть изменения формы противоположной части прогресса

0 голосов
/ 03 апреля 2019

Я делаю анимированный индикатор прогресса пончика для своего приложения.До этого момента я использовал свой класс для рисования, но пользователи сказали мне, что в этот момент происходит сбой приложения с Android 8.

Я сказал «ОК», позвольте мне изменить тип ProgressBar.Я нашел решение, как это (другой элемент, который выглядит как предыдущий).И установите полупрозрачные цвета, чтобы увидеть столкновения каждого слоя.Как видите, в New нет свободных пикселей (между оранжевым и зеленым).Оранжевая часть похожа на фон зеленой (прогресс) части:

enter image description here

Мой ProgressBar на активность: 

        <ProgressBar
        android:id="@+id/pb"
        android:layout_width="150dp"
        android:layout_height="150dp"
        style="?android:progressBarStyleHorizontal"
        android:progressDrawable="@drawable/circle"/>

ИФорма этого PB: 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="ring"
            android:thicknessRatio="10"
            android:useLevel="false">
            <solid android:color="#55ffa500" />
        </shape>
    </item>
    <item>
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%">
            <shape
                android:shape="ring"
                android:thicknessRatio="10"
                android:useLevel="true">
                <solid android:color="#5589c154" />
            </shape>
        </rotate>
    </item>
</layer-list>

И легкая анимация: 

ProgressBar progressBar = findViewById(R.id.pb);
        ObjectAnimator progressAnimator = ObjectAnimator.ofInt(progressBar, "Progress", 0,80);
        progressAnimator.setStartDelay(500);
        progressAnimator.setDuration(1000);
        progressAnimator.start();

Похоже, я должен установить прогресс для оранжевой части с пробелами (100% -progress-space).

1 Ответ

0 голосов
/ 03 апреля 2019

Проблема может быть решена с помощью двух линий «стрелки-стрелки» в качестве разделителей:

enter image description here

Который может быть назначен цвету фона:

enter image description here

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="ring"
            android:thicknessRatio="10"
            android:useLevel="false">
            <solid android:color="@color/orange" />
        </shape>
    </item>
    <item>
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%">
            <shape
                android:shape="ring"
                android:thicknessRatio="10"
                android:useLevel="true">
                <solid android:color="@color/green" />
            </shape>
        </rotate>
    </item>
    <item android:left="75dp" android:gravity="center">
        <rotate android:pivotX="0%" android:fromDegrees="270" android:toDegrees="270">
            <shape
                android:shape="line"
                android:useLevel="false">

                <size android:width="75dp" android:height="75dp"/>
                <stroke android:width="3dp" android:color="@color/material"/>
            </shape>
        </rotate>
    </item>
    <item android:left="75dp" android:gravity="center">
        <rotate android:pivotX="0%" android:fromDegrees="270" android:toDegrees="630">
            <shape
                android:shape="line"
                android:useLevel="false">

                <size android:width="75dp" android:height="75dp"/>
                <stroke android:width="3dp" android:color="@color/material"/>
            </shape>
        </rotate>
    </item>
</layer-list>
...