OSCHINA-MIRROR/HarmonyOS-tpc-CircularProgressView

CircularProgressView

Введение

Этот CircularProgressView представляет собой круговой прогресс-бар открытым гармония View, который предназначен для имитации версий ProgressBar в соответствии с Material Design. Эти версии можно найти на этой странице спецификаций Material Design под разделом "Круговые индикаторы".

Инструкции по использованию

Неразрешённый режим:

Прогресс-бар начинается и продолжает вращаться бесконечно.

Добавьте этот вид в ваш макет:

<com.github.rahatarmanahmed.cpv.CircularProgressView
        ohos:id="$+id:progress_view"
        ohos:height="50vp"
        ohos:width="50vp"
        ohos:layout_alignment="horizontal_center"
        ohos:padding="0vp"
        ohos:top_margin="50vp"
        app:cpv_animAutostart="false"
        app:cpv_indeterminate="true"
        app:cpv_thickness="8"/>

Иллюстрация неразрешённого режима

Разрешённый режим:

Прогресс-бар начинается и завершается после полного оборота.

Добавьте этот вид в ваш макет:

<com.github.рахатарманахмед.cpv.CircularProgressView
        ohos:id="$+id:progress_view"
        ohos:height="50vp"
        ohos:width="50vp"
        ohos:layout_alignment="horizontal_center"
        ohos:padding="0vp"
        ohos:top_margin="50vp"
        app:cpv_animAutostart="false"
        app:cpv_indeterminate="false"
        app:cpv_thickness="8"/>

<Text
        ohos:id="$+id:progress_view_label"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:layout_alignment="horizontal_center"
        ohos:text="CircularProgressView"
        ohos:text_size="20fp"/>

<Button
        ohos:id="$+id:button"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:layout_alignment="horizontal_center"
        ohos:padding="5vp"
        ohos:text="Перейти к разрешённому режиму"
        ohos:text_size="20fp"/>
```![Иллюстрация разрешенного режима](./images/CircularProgressView_Determinate.png)


## Инструкции по установке

Метод 1: Создайте пакет .har из библиотеки и добавьте его в папку lib.

implementation fileTree(dir: 'libs', include: ['.jar', '.har'])

Метод 2: allprojects { repositories { mavenCentral() } }

implementation 'io.openharmony.tpc.thirdlib:CircularProgressView:1.0.1'