Кроссплатформенный ArkUI-X Hongmeng от входа до захоронения
Кроссплатформенный ArkUI-X Hongmeng от входа до захоронения

Предисловие

Я давно планировал сделать приложение Hongmeng и кое-что написал сам, но необходимость заботиться о трех мобильных платформах одновременно немного отвратительна, и я взглянул на Hongmeng. сообщество. arkui-x Кроссплатформенное решение https://gitee.com/arkui-x[1] , сначала проведите небольшое исследование и проверьте воду.

предел

Уродливые слова существуют на фронте,Давайте сначала поговорим о пределе,Согласно официальной документации,забыватьсуществовать Где ты это увидел? Система Android версии 8+ и только arm Поддержка устройств версия системы iOS 10+ и только arm Поддержка устройств

Подготовить

См. официальную документацию здесь:https://gitee.com/arkui-x/docs/blob/master/zh-cn/application-dev/README.md[2]

Официальный складсуществоватьздесь:https://gitee.com/arkui-x[3]

IDE

Здесь мы можем использовать комплект разработки, предоставленный сообществом OpenHarmony.

Ссылка для скачивания:

https://gitee.com/openharmony/docs/blob/master/zh-cn/release-notes/OpenHarmony-v4.0-release.md#%E9%85%8D%E5%A5%97%E5%85%B3%E7%B3%BB

Этапы установки те же,Уведомление node иohpmВерсия,выборка, рекомендованная версия,Можно скачать заново,Вы также можете использовать программное обеспечение, уже установленное на вашем компьютере.,我здесь用из узел 16.20.0, не упрямьтесь и сделайте его 18.x.x Версия 20.x.x может иметь некоторые странные проблемы.

Конфигурация

запускать IDE, в левой части страницы есть диагностика, которая может обнаружить некоторые основные условия сетевого подключения. Нажмите «Настроить» слева, нажмите «Все» в правом нижнем углу существующего списка. настройки"Введите настройки Конфигурация

Выберите SDK, установите OpenHarmony SDK api 10, а затем установите ArkUI-X после завершения установки.

После завершения установки больше ничего устанавливать не нужно.

начинать

Создать проект

Невозможно напрямую создавать кроссплатформенные приложения. В настоящее время можно использовать только импорт.

Найдите образец импорта, выберите OpenHarmony в левом верхнем углу новой страницы, и здесь в качестве примера появится ArkUI-X.

запуск автоматически синхронизируется после открытия проекта,Но здесь это потерпит неудачу,Потому что различные версии плагинов не подходят,Нажмите на синий значок среди текста.,Я помогу тебе все изменить,Повторная синхронизация,Здесь все сделано.

компилировать

Верхнее меню окна Build--> Build Hap(s)/APP(s)-->Build Приложения). будет построено одновременно Android и iOS продукт

Если ничего не пойдет не так, произойдет что-то неожиданное и упаковка не удастся, но в это время соответствующие ресурсы скопированы в соответствующие папки. Соответствующую инструкцию можно найти здесь

https://gitee.com/arkui-x/docs/blob/master/zh-cn/application-dev/quick-start/package-structure-guide.md

В это время мы вступаем в проектирование В каталоге .arkui-x/android выполните ./gradlew assembleDebug Приходитькомпилировать android Установите пакет. Обратите внимание здесь gradlew Может не иметь разрешений на выполнение,chmod +x gradlew Просто дайте ему разрешение на выполнение.

для iOS Инжиниринг, доступный Xcode После открытия подпишите Конфигурацию и затем упакуйте.

Иди сюда,Завершен новый строительный проект, компилирующий мультиплатформу. Но у нас есть много проектов, которые не с нуля начинают,Некоторый новый контент требует использования дополнительный метод, здесь как Android Например

Добавить в существующий проект

Подключитесь к вышеуказанному Верхнее меню окна Build--> Build Hap(s)/APP(s)-->Build Приложения). будет построено одновременно Android и iOS продукт После этого соответствующие файлы ресурсов будут скопированы в соответствующую папку.

Первый Подготовить一个 Android проект, обратите внимание на один ArkUI-x Требования к кроссплатформенной версии, Android система 8 Вышеупомянутое поддерживает только arm оборудование.

Взгляните .arkui-x/androidизкод,Только одинMyApplication, унаследованный от StageApplicationи一个继承自 Действие изEntryEntryAbilityActivity,Имя класса получается путем объединения имени модуля и имени способности.,Способность соответствует классу активности проекта Android.

интегрированный
  1. libs ниже jar упаковка Файл скопировать в Android В разработке,Уведомлениеarkui-x из Android Хранилище указано в проекте so Файл из папки libs,копироватьприезжать Android В разработке Не совершайте ошибку в нужный момент
  2. Из-файлы в папке с ресурсами также не повреждены. Android Инженерное дело assets в папке
  3. Android В разработке Трансформация приложения, вот три способа 3.1 Наследовать StageApplication
Язык кода:javascript
копировать
import ohos.stage.ability.adapter.StageApplication;

public class HiStageApplication extends StageApplication {
    @Override
    public void onCreate() {
        super.onCreate();
    }
}

3.2 Использование StageApplicationDelegate в приложении

этот методи StageApplication Исходный код тот же

Язык кода:javascript
копировать
public class MyApplication extends Application {
    
    private StageApplicationDelegate appDelegate = null;
    public StageApplication() {
    }


    public void onCreate() {
        Log.i("StageApplication", "StageApplication onCreate called");
        super.onCreate();
        this.appDelegate = new StageApplicationDelegate();
        this.appDelegate.initApplication(this);
    }


    public void onConfigurationChanged(Configuration newConfig) {
        Log.i("StageApplication", "StageApplication onConfigurationChanged called");
        super.onConfigurationChanged(newConfig);
        if (this.appDelegate == null) {
            Log.e("StageApplication", "appDelegate is null");
        } else {
            this.appDelegate.onConfigurationChanged(newConfig);
        }
    }
}

3.3 Использование StageApplicationDelegat в действии

Язык кода:javascript
копировать
import android.app.Activity;
import ohos.stage.ability.adapter.StageApplicationDelegate;


public class EntryEntryAbilityActivity extends Activity {


    private StageApplicationDelegate appDelegate_ = null;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        appDelegate_ = new StageApplicationDelegate();
        appDelegate_.initApplication(this.getApplication());
        super.onCreate(savedInstanceState);
    }
}
  1. Используется для отображения контента из Activity

Вы можете скопировать его напрямую. Вы также можете создать действие с тем же именем и скопировать туда содержимое. Вы также можете зарегистрировать его в файле манифеста.

  1. Родное подтягивание arkui-x Кросс-платформенныйстраница и параметры передачи

При использовании собственного действия для вызова Способности вам необходимо использовать метод startActivity собственного приложения. Передачу параметров необходимо настроить через putExtra() в Intent. Правила следующие:

Ключевое значение — параметры

значение в формате json

Язык кода:javascript
копировать
Intent intent = new Intent();
        intent.setClass(this, EntryEntryAbilityTwoActivity.class);
        intent.putExtra("params",
                "{"params":[{"key":"bool","type":1,"value":"true"}," +
                "{"key":"double","type":9,"value":"2.3"}," +
                "{"key":"int","type":5,"value":"2"}," +
                "{"key":"string","type":10,"value":"test"}]}");
        startActivity(intent);

До сих пор,интегрированный Заканчивать。существовать Android Вы можете увидеть страницу, вызвав ее в проекте

arkui-x и родное общение

Нативная и Кросс-платформенная связь — очень важная функция.,Это также незаменимая часть,Чиновник предоставляет мостовую платформу Мост, в Android、iOS и arkui-x Сбоку имеется вспомогательная инструкция:

Мост платформы используется для передачи сообщений между клиентом (ArkUI) и платформой (Android или iOS).,То есть он используется для двусторонней передачи данных между ArkUI и платформой, сторона ArkUI вызывает метод платформы, а платформа вызывает метод стороны ArkUI. В этой статье в основном описывается взаимодействие между платформой Android и ArkUI.,Подробности использования на стороне ArkUI см. в Bridge API, сторона Android относится к BridgePlugin.

здесь也给出了一个Пример сценария[4],Но как ни странно, он не работает должным образом.,Вот шаги для воспроизведения этого явления: issue[5] Ударять. В настоящее время он ожидает подтверждения.

На данный момент нет ничего, что нужно было бы продолжать, поэтому давайте сначала закопаем это в землю. Как только мы получим ответ на поставленный выше вопрос, мы сможем выкопать его и продолжить.

Вот и все

Обновление 2024.01.28 Вышеуказанная проблема решена с помощью сообщества Решение не инициализировать на странице (то есть модификацию @Entry) Можно написать класс инструмента и инициализировать его в классе инструмента. также подсказывает неопределенное значение, но при работе он работает нормально. Новые записи в блоге уже пишутся. . . .

Последнее, что я хочу сказать, это спасибо всем за ваш вклад, и вы можете продолжать вносить свой вклад! Я также верну авторам доходы от рекламы от ваших статей, что тоже является своего рода поддержкой!

Ссылки

[1]

https://gitee.com/arkui-x: https://gitee.com/arkui-x

[2]

https://gitee.com/arkui-x/docs/blob/master/zh-cn/application-dev/README.md: https://gitee.com/arkui-x/docs/blob/master/zh-cn/application-dev/README.md

[3]

https://gitee.com/arkui-x: https://gitee.com/arkui-x

[4]

Пример сценария: https://gitee.com/arkui-x/docs/blob/master/zh-cn/application-dev/tutorial/how-to-use-bridge-on-android.md#%E5%9C% BA%E6%99%AF%E7%A4%BA%E4%BE%8B

[5]

issue: https://gitee.com/arkui-x/docs/issues/I8YWM2?from=project-issue

boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native|Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose