MessageBubbleView

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

• Название проекта: MessageBubbleView
• Серия: адаптация и миграция сторонних компонентов OpenHarmony
• Функционал: реализует виджет сообщений в стиле непрочитанных сообщений QQ, который можно перемещать и удалять. При зажатии пальцем и перемещении появляется круг, радиус которого остаётся постоянным, но положение меняется вместе с движением пальца. Также есть фиксированный круг, радиус которого может меняться, а положение остаётся неизменным. Радиус круга зависит от расстояния между двумя кругами — чем больше это расстояние, тем меньше радиус, и наоборот. Между двумя кругами используется кривая Безье.
• Состояние миграции проекта: основные функции завершены
• Различие вызова: нет
• Версия SDK: SDK6, DevEco Studio2.2 Beta1
• Базовая версия: ветка master

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

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

1. В файле build.gradle в корневой директории проекта,

allprojects {
    repositories {
        maven {
            url 'https://s01.oss.sonatype.org/content/repositories/releases/'
        }
    }
}

2. В файле build.gradle модуля entry,

dependencies {
    implementation('com.gitee.chinasoft_ohos:MessageBubbleView:1.0.0')
    ......  
}

Проект можно запустить сразу при использовании SDK6 и DevEco Studio2.2 Beta1. Если проект не запускается, удалите файлы .gradle, .idea, build, gradle, build.gradle, создайте новый проект в соответствии со своей версией и скопируйте соответствующие файлы нового проекта в корневую директорию.#### Инструкция по использованию

Компонент состоит в основном из пользовательского компонента.

Изначально открытый проект использовал пользовательский view, теперь в проектах OpenHarmony используются пользовательские компоненты.

Добавление пользовательского компонента в XML:

<com.szd.messagebubbleview.MessageBubbleView
            ohos:id="$+id:bezierView"
            ohos:width="match_content"
            ohos:height="match_content"
            app:circleColor="$color:red"
            app:radius="16vp"
            app:textColor="$color:white"
            app:textNumber="30"
            app:textSize="26fp"
            />

Инициализация пользовательского компонента:

        MessageBubbleView bezierView;
        bezierView = (MessageBubbleView) findComponentById(ResourceTable.Id_bezierView);
        bezierView.setRoot(findComponentById(ResourceTable.Id_root2));
        bezierView.setNumber("99+");

Пользовательский компонент MessageBubbleView позволяет добавлять пользовательские свойства, доступные свойства представлены ниже:

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

CodeCheck тестирование кода прошло успешно

CloudTest тестирование кода прошло успешно

Проверка безопасности на наличие вирусов пройдена

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

Версионирование

• 1.0.0