Как наклонить прогрессбар? - PullRequest
2 голосов
/ 27 октября 2019

Я хочу установить Android ProgressBar, который выглядит следующим образом:

image

Как мне этого добиться?

ОБНОВЛЕНИЕ - РЕШЕНИЕ:

В конце концов, я смог достичь желаемого результата, используя imageView из девяти патчей и изменив ширину этого imageView относительно его контейнера. Контейнер отражает максимальный (100%) размер индикатора выполнения.

То, что я уже пробовал:

Использовать метод перекоса Android

progressBar.matrix.setSkew(1f, 0.5f)

Ничего не происходит, индикатор выполнения по-прежнему выглядит как стандартный индикатор выполнения. Я также пытался

progressBar.matrix.postSkew(1f, 0.5f),

пытался использовать другие значения для setSkew и postSkew и пытался

progressbar.invalidate()

после установки перекоса.

Использовать пользовательский progressBar.progressDrawable

Я также рассматривал возможность использования пользовательского progressDrawable, но не знал, как добиться желаемого вида.

Причина: Фон индикатора выполнения имеетбыть прозрачным, поэтому я не могу просто иметь перекрывающиеся прямоугольники, как рассмотрено, например, здесь .

Есть ли способ заставить один из объясненных выше подходов работать, или, возможно, другойспособ достижения ожидаемого результата?

Ожидаемый результат:

skewed progressbar

Фактический результат:

regular progressbar

1 Ответ

1 голос
/ 04 ноября 2019

Пожалуйста, попробуйте это решение:

skewed_background.xml

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

    <item>
        <shape android:shape="rectangle"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <solid android:color="#3F8EEB" />
        </shape>
    </item>
    <item>
        <rotate
            android:fromDegrees="120"
            android:pivotX="85%"
            android:pivotY="98%"
            >
            <shape android:shape="rectangle"
                android:layout_width="wrap_content"
                android:layout_height="match_parent">
                <solid android:color="#000000" />
            </shape>
        </rotate>
    </item>

    <item>
        <rotate
            android:fromDegrees="120"
            android:pivotX="15%"
            android:pivotY="%"
            >
            <shape android:shape="rectangle"
                android:layout_width="30dp"
                android:layout_height="match_parent">
                <solid android:color="#000000" />
            </shape>
        </rotate>
    </item>

</layer-list>

sample_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    android:orientation="vertical"
    >

    <View
        android:layout_width="150dp"
        android:layout_height="50dp"
        android:background="@drawable/hfjh" />

</LinearLayout>

Результат:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...