OSCHINA-MIRROR/chinasoft3

Протеус

Проект

Название проекта: Протеус.
Серия: Адаптация сторонних компонентов openharmony.
Функция: компонент, который позволяет динамически изменять страницу из бэкенда.
Состояние миграции проекта: основная функция реализована.
Различия в вызовах: есть (в данных json заменяются имена макетов на имена макетов openharmony).
Версия разработки: sdk6, DevEco Studio2.2 beta1.
Базовая версия: Release 5.0.1.

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

Демонстрация: https://i.loli.net/2021/05/31/ImsVfpK6ZjucLFd.gif

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

В файле build.gradle в корне проекта:

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

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

// Добавление зависимостей
dependencies {
    implementation 'com.gitee.chinasoft_ohos:proteus-core:1.0.0'
    implementation 'com.gitee.chinasoft_ohos:proteus-support-v4:1.0.0'
    implementation 'com.gitee.chinasoft_ohos:proteus-recyclerview-v7:1.0.0'
    implementation 'com.gitee.chinasoft_ohos:proteus-cardview-v7:1.0.0'
    implementation 'com.gitee.chinasoft_ohos:proteus-gson-adapter:1.0.0'
}

В версиях sdk5 и DevEco Studio 2.2 beta1 проект можно запустить напрямую. Если запуск не удаётся, удалите файлы проекта .gradle, .idea, build, gradle, build.gradle и создайте новый проект с вашей версией. Скопируйте соответствующие файлы нового проекта в корень старого проекта.

Использование

Пример макета:

{
  “type”: “DirectionalLayout”,
  “orientation”: “vertical”,
  “padding”: “16vp”,
  “children”: [ {
    “type”: “Text”,
    “width”: “200vp”,
    “gravity”: “center”,
    “text”: “@ {user.profile.name}”
  }, {
    “type”: “ProgressBar”,
    “width“: ”200vp“,
    ”layout_marginTop“: ”8vp“,
    “max”: 6000,
    “progress”: “@ {user.profile.experience}”
  }]
}

Пример данных:

{
  “user”: {
    “profile”: {
      “name”: “John Doe”,
      “experience”: 4192
    }
  }
}

Пример кода Java:

ProteusView view = proteusLayoutInflater.inflate(<layout>, <data>);
container.addView(view.getAsView());

Вывод:

OutPut

Настройка демонстрационного приложения

Демо-приложение позволит вам поиграть с протеусом и лучше понять его внутреннюю работу.

Установите NodeJS здесь.
Откройте терминал.
Перейдите в каталог проекта.
Запустите npm start.
Запустите эмулятор AVD.
Установите демонстрационное приложение.

Готово к работе

Поэкспериментируйте с макетом и данными.
Нажмите FAB для обновления приложения.

Тестирование

CodeCheck: тестирование кода без исключений.

CloudTest: тестирование кода без исключений.

Вирусное сканирование: успешно.

Текущая версия демо: основные функции аналогичны исходному компоненту.

Версии

Версия 1.0.0

Авторские права и лицензии

Apache v2.0 Если вы используете протеус, ознакомьтесь с условиями использования, ограничениями и требованиями.