ContentSlot：混合开发

介绍

本示例为ContentSlot：混合开发的配套示例工程，展示了用于渲染并管理Native层使用C-API创建的组件。

效果预览

预览

使用说明

1. 安装编译生成的hap包，并打开应用；
2. 查看创建好的组件；

工程目录

RenderingControlContentslotNDK
entry/src/main/ets/
└── pages
    └── Index.ets (获取内容界面)
entry/src/main/
├── cpp
│   ├── types
│   │   └── libentry
│   │       └── Index.d.ts (NDK函数对应的js映射)
│   ├── CMakeLists.txt (CMake脚本)
|   ├── manager.cpp (创建文本实现CPP文件)
|   ├── manager.h
│   └── napi_init.cpp (NDK函数)
└── resources
    ├── base
    │   ├── element
    │   │   ├── color.json
    │   │   ├── float.json
    │   │   └── string.json
    │   └── media

具体实现

1. ContentSlot混合开发的具体实现：首先在ArkTS侧创建NodeContent管理器并通过ContentSlot占位组件进行渲染，其中NodeContent负责管理Native侧创建的组件。其次在Native侧使用C-API创建具体的UI组件。

相关权限

不涉及

依赖

不涉及

约束和限制

1. 本示例仅支持标准系统上运行, 支持设备：RK3568。

2. 本示例为Stage模型，支持API20版本SDK，版本号：6.0.0.33，镜像版本号：OpenHarmony_6.0.0.33。

3. 本示例需要使用DevEco Studio 6.0.0 Release (Build Version: 6.0.0.858， built on September 24, 2025)及以上版本才可编译运行。

下载

如需单独下载本工程，执行如下命令：

git init
git config core.sparsecheckout true
echo code/DocsSample/ArkUISample/RenderingControlContentslotNDK > .git/info/sparse-checkout
git remote add origin https://gitcode.com/openharmony/applications_app_samples.git
git pull origin master