1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/chinasoft_ohos-WaveLoadingView

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 8 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 16.03.2025 18:48 7753ae9

WaveLoadingView

Проектное описание

  • Название проекта: WaveLoadingView
  • Серия: адаптация и перенос третьих сторон для OpenHarmony
  • Функционал: компонент с эффектом реального времени в виде волновой загрузки
  • Состояние переноса проекта: основные функции завершены
  • Различия при вызове: отсутствуют
  • Версия SDK: SDK5, DevEco Studio2.1 beta3
  • Базовая версия: Release v0.3.5

Демонстрация эффекта

WaveLoadingView

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

Добавьте зависимость в файл build.gradle уровня модуля

// Добавление Maven-репозитория
repositories { 
    maven { 
        url 'https://s01.oss.sonatype.org/content/repositories/releases/'
    }
}

// Добавление зависимости
dependencies {
    implementation 'com.gitee.chinasoft_ohos:WaveLoadingView:1.0.1'
}

Проект можно запустить непосредственно в SDK5, DevEco Studio2.1 beta3. Если проект не запускается, удалите файлы .gradle, .idea, build, gradle, build.gradle, и создайте новый проект в соответствии со своей версией, а затем скопируйте соответствующие файлы нового проекта в корневую директорию.#### Инструкция по использованию Добавьте WaveLoadingView в layout, как показано ниже, чтобы настроить свойства

<com.itangqi.waveloadingview.WaveLoadingView
    ohos:id="$+id:waveloadingview"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:layout_alignment="center"
    apps:wlv_borderColor="$color:colorAccent"
    apps:wlv_borderWidth="3vp"
    apps:wlv_progressValue="40"
    apps:wlv_shapeType="1"
    apps:wlv_round_rectangle="true"
    apps:wlv_triangle_direction="0"
    apps:wlv_titleCenterStrokeColor="$color:color_ff0099cc"
    apps:wlv_titleCenterStrokeWidth="3vp"
    apps:wlv_titleCenter="Центральный заголовок"
    apps:wlv_titleCenterColor="$color:colorPrimaryText"
    apps:wlv_titleCenterSize="24fp"
    apps:wlv_waveAmplitude="70"
    apps:wlv_waveColor="$color:colorAccent"/>
```Вы можете динамически устанавливать свойства в исходном коде```java
    WaveLoadingView mWaveLoadingView = (WaveLoadingView) findComponentById(ResourceTable.Id_waveloadingview);
    mWaveLoadingView.setShapeType(WaveLoadingView.ShapeType.CIRCLE);
    mWaveLoadingView.setTopTitle("Заголовок верха");
    mWaveLoadingView.setCenterTitleColor(Color.GRAY);
    mWaveLoadingView.setBottomTitleSize(18);
    mWaveLoadingView.setProgressValue(80);
    mWaveLoadingView.setBorderWidth(10);
    mWaveLoadingView.setAmplitudeRatio(60);
    mWaveLoadingView.setWaveColor(Color.GRAY);
    mWaveLoadingView.setBorderColor(Color.GRAY);
    mWaveLoadingView.setTopTitleStrokeColor(Color.BLUE);
    mWaveLoadingView.setTopTitleStrokeWidth(3);
    mWaveLoadingView.setAnimDuration(3000);
    mWaveLoadingView.pauseAnimation();
    mWaveLoadingView.resumeAnimation();
    mWaveLoadingView.cancelAnimation();
    mWaveLoadingView.startAnimation();
```Следующие свойства можно установить:|name|формат|описание|
|:---:|:---:|:---:|
|wlv_borderWidth|размерность|Ширина границы, значение по умолчанию — 0|
|wlv_borderColor|цвет|Цвет границы|
|wlv_progressValue|целое число|Значение прогресса, значение по умолчанию — 50|
|wlv_shapeType|перечисление|Тип фигуры, значение по умолчанию — круг|
|wlv_triangle_direction|перечисление|Направление треугольника, значение по умолчанию — север|
|wlv_round_rectangle|логическое значение|Является ли прямоугольник закругленным, значение по умолчанию — false|
|wlv_round_rectangle_x_and_y|целое число|Углы закругленного прямоугольника, значение по умолчанию — 30|
|wlv_waveColor|цвет|Цвет волны|
|wlv_wave_background_color|цвет|Цвет фона волны|
|wlv_waveAmplitude|вещественное число|Амплитуда волны|
|wlv_titleTop|string|Содержимое верхнего заголовка, значение по умолчанию — null|
|wlv_titleCenter|string|Содержимое центрального заголовка, значение по умолчанию — null|
|wlv_titleBottom|string|Содержимое нижнего заголовка, значение по умолчанию — null|
|wlv_titleTopSize|размерность|Размер верхнего заголовка, значение по умолчанию — 18|
|wlv_titleCenterSize|размерность|Размер центрального заголовка, значение по умолчанию — 22|
|wlv_titleBottomSize|размерность|Размер нижнего заголовка, значение по умолчанию — 18|
|wlv_titleTopColor|цвет|Цвет верхнего заголовка|
|wlv_titleCenterColor|цвет|Цвет центрального заголовка|
|wlv_titleBottomColor|цвет|Цвет нижнего заголовка|
|wlv_titleTopStrokeColor|цвет|Цвет заливки верхнего заголовка|| wlv_titleCenterStrokeColor | color | Цвет заливки центрального заголовка |
 | wlv_titleBottomStrokeColor | color | Цвет заливки нижнего заголовка |
 | wlv_titleTopStrokeWidth | dimension | Ширина заливки верхнего заголовка |
 | wlv_titleCenterStrokeWidth | dimension | Ширина заливки центрального заголовка |
 | wlv_titleBottomStrokeWidth | dimension | Ширина заливки нижнего заголовка |**Все свойства могут быть изменены во время выполнения через свои getter и setter.**

#### Информация тестирования

Код проверен CodeCheck без ошибок.

Код проверен CloudTest без ошибок.

Проверка безопасности FireHawkes прошла успешно.

Функции текущей версии демо совпадают с оригинальной компонентой.

#### Итерация версий

- 1.0.1

#### Информация авторских прав и лицензии

    Copyright 2016 Qi Tang

Разрешено к использованию в соответствии с Лицензией Apache, Версия 2.0 ("Лицензия"); вы можете использовать этот файл только в соответствии с Лицензией. Вы можете получить копию Лицензии по адресу 

http://www.apache.org/licenses/LICENSE-2.0

Если это требует применимого закона или было согласовано письменно, программное обеспечение, распространяемое в рамках Лицензии, распространяется на условиях "КАК ЕСТЬ", БЕЗ КАКОЛИЧЕСКИХ ГАРАНТИЙ ИЛИ УСЛОВИЙ В ЛЮБОМ ВИДЕ, как явных, так и подразумевающихся. Смотрите Лицензию для конкретного языка, регулирующего права и ограничения в рамках Лицензии.

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/chinasoft_ohos-WaveLoadingView.git
git@api.gitlife.ru:oschina-mirror/chinasoft_ohos-WaveLoadingView.git
oschina-mirror
chinasoft_ohos-WaveLoadingView
chinasoft_ohos-WaveLoadingView
master