概述

大约 1 分钟

概述

在接入之前，我们先回顾一下Kuikly的总体架构图。

kuiklyUI架构图
kuiklyUI架构图

从上图来看，Kuikly框架分为两部分:

  1. KuiklyCore: 基于KMP构建的跨平台声明式+响应式实现, 并且抽象了一套统一的UI控件。接着编译期，会使用KMP编译器将KuiklyCore + Kuikly业务代码编译成各个平台的执行产物，例如在Android上是.aar, iOS上是.framework,鸿蒙上是.so
  2. KuiklyRender: KuiklyCore本身不具有UI渲染能力，它只声明了UI控件的统一接口, 具体的渲染实现是由KuiklyRender负责的。

基于此，Kuikly的接入包含KMP侧接入KuiklyCore和平台侧接入KuiklyRender的工作。

KMP侧接入是跨平台的，业务只需要接入一次(无需各个平台都接入)，而平台侧的接入需要各个各个平台分别接入。下面是接入事项的主要工作:

  1. KMP跨端工程接入KuiklyCore:
    1. 新建KMP业务工程，并添加Kuikly相关的依赖。
    2. 在KMP工程开始编写业务代码
  2. 平台侧KuiklyRender:
    1. 添加Kuikly在平台的渲染器依赖
    2. 实现Kuikly在各个平台的适配器
    3. 将Kuikly视图嵌入到平台的页面容器(Android为Fragment或者Activity, iOS为ViewController, 鸿蒙为ArkTS组件)

下一步