AGenUI:高德千问联合开源的三端AI生成UI渲染SDK,原生流式实时界面构建框架

原创 发布日期:
61

一、AGenUI 是什么

AGenUI 是由高德与千问C端团队联合开源的跨三端AI生成式原生UI渲染SDK,也是行业内首款同时完整适配 iOS、Android、鸿蒙 三大移动端系统的A2UI标准落地框架。

项目完全基于 Google 开源 A2UI v0.9 协议 进行全量自研实现,补齐了端侧原生UI流式渲染的核心能力,依托跨平台C++核心引擎+各平台原生渲染器架构,实现大模型、AI智能体输出的UI结构化描述,实时流式转化为手机原生可交互界面

区别于传统Web嵌套、H5弹窗式AI界面方案,AGenUI 不依赖网页容器,全程调用系统原生控件绘制UI,告别跨端适配卡顿、样式错位、体验割裂等问题,让AI交互从传统文字对话,升级为可视化、可操作、原生级生成式UI交互形态。

项目开源协议为 Apache-2.0,个人开发者、企业团队均可免费商用、二次开发与自定义扩展,适配AI客户端、智能应用、车载终端、鸿蒙元服务等多类终端场景开发。

AGenUI:高德千问联合开源的三端AI生成UI渲染SDK,原生流式实时界面构建框架

二、功能特色

  1. 三端全域原生适配
    完整支持 iOS、Android、鸿蒙操作系统,一套核心逻辑多端复用,各端均采用系统原生组件渲染,保证界面风格、交互逻辑与系统生态高度统一。

  2. 流式增量实时渲染
    支持大模型逐Token流式输出UI结构,边生成、边解析、边渲染,无需等待完整协议返回即可展示界面,大幅降低用户等待感知,适配长文本、复杂布局AI界面生成场景。

  3. 丰富内置组件生态

  • 内置 18个A2UI标准基础组件:涵盖 Text、Image、Button、List、Modal、TextField、ScrollView 等常用UI基础控件;

  • 扩展 4个SDK专属高级组件:包含 Table 表格、Carousel 轮播、Web 网页内嵌、RichText 富文本;

  • 支持自定义组件注册机制,开发者可封装业务专属组件,通过大模型指令直接调用。

  1. 原生级高性能体验
    底层采用C++核心做组件树Diff计算、样式解析与布局运算,端侧仅做原生绘制渲染,核心场景帧率稳定可达 120fps,无H5嵌套的延迟、掉帧、滑动卡顿问题。

  2. 内置智能函数调用能力
    深度集成LLM Function Call 能力,AI智能体生成UI的同时,可直接调用客户端本地功能、业务接口、设备能力,实现UI展示+业务逻辑联动一体化。

  3. 统一主题与样式体系
    内置标准化 Design Token 设计规范,支持亮色/暗色模式一键切换,统一多端视觉风格,开发者可自定义品牌色、圆角、间距、字体等全局样式参数。

  4. 开箱即用工程与编译支持
    项目自带完整 Playground 示例工程,适配 Android Studio、Xcode、DevEco Studio 主流开发工具,提供一键编译脚本,可快速输出 AAR、XCFramework、HAR 等各端依赖产物。

三、技术细节

3.1 整体架构分层

AGenUI 采用内核跨端+平台原生的分层架构,整体分为三层:

  • 核心引擎层(Core):基于C++开发,是整个项目的核心底座,负责A2UI协议解析、虚拟组件树构建、增量Diff比对、布局计算、样式规则解析,一次开发三端全复用,不依赖任何平台特有API。

  • 平台适配层(Platforms):分别对应 iOS、Android、鸿蒙三个子模块,负责C++内核与各端原生语言桥接,调用系统原生控件完成视图创建、布局摆放、事件响应。

  • 应用业务层(Playground & Skills):提供可直接运行的演示工程、A2UI生成技能模板、组件Schema配置文件,开发者可基于示例快速接入业务。

3.2 核心技术原理

  1. A2UI 协议解析机制
    严格遵循 A2UI v0.9 标准协议格式,对大模型输出的JSON结构化UI描述进行增量解析,拆分组件层级、属性、事件、样式参数,构建内存虚拟组件树。

  2. 增量 Diff 渲染算法
    内核实时对比新旧虚拟组件树差异,只更新变化的UI节点,而非全局重绘,大幅降低CPU、内存消耗,保障复杂列表、动态布局场景的流畅度。

  3. 跨端通信桥接
    通过 JNI、OC++、鸿蒙Native 桥接技术,实现C++内核与 Java、Objective-C、ArkTS 之间双向通信,完成事件回调、属性同步、函数调用互通。

  4. 组件注册与扩展机制
    内置组件管理器,支持静态注册、动态注册自定义业务组件,约定标准参数入参、事件回调规范,大模型只需按组件名称和参数描述,即可自动渲染自定义UI。

3.3 项目核心目录结构

AGenUI/
├── core/     # C++跨平台核心引擎
├── platforms/  # iOS/Android/鸿蒙各端原生适配
├── playground/ # 三端示例演示工程
├── skills/   # A2UI生成技能、模型提示词模板
├── docs/    # 官方文档、接入指南、协议规范
├── scripts/   # 一键编译、打包、环境配置脚本
└── catalog.json # 全局组件Schema定义文件

3.4 构建产物说明

通过项目内置脚本可一键编译生成各端标准依赖包:

  • Android:输出 AAR 库文件,可直接集成到安卓工程;

  • iOS:输出 XCFramework 跨架构框架,支持真机与模拟器;

  • 鸿蒙:输出 HAR 静态共享包,适配鸿蒙元服务、鸿蒙应用开发。

AGenUI:高德千问联合开源的三端AI生成UI渲染SDK,原生流式实时界面构建框架

四、应用场景

  1. AI对话客户端升级
    传统AI聊天软件仅支持文字、图片回复,接入AGenUI后,可由大模型直接生成表单、列表、设置面板、弹窗等原生界面,实现可视化智能交互。

  2. 鸿蒙元服务与桌面卡片
    为鸿蒙生态元服务、桌面智能卡片提供动态UI生成能力,无需版本更新,由AI实时生成布局和内容。

  3. 车载智能座舱终端
    车载大模型语音交互场景,通过AGenUI流式生成导航菜单、音乐列表、车辆设置界面,适配车机原生系统,保证驾驶场景流畅稳定。

  4. 企业内部智能办公APP
    智能办公助手自动生成审批表单、数据表格、业务统计面板,无需前端单独开发页面,降低企业APP迭代成本。

  5. 低代码/无代码AI平台
    作为底层UI渲染引擎,支撑AI低代码平台通过自然语言描述自动生成移动端原生页面,赋能非开发人员快速制作APP界面。

  6. 智能硬件移动端配套
    智能家居、穿戴设备配套APP,由AI根据设备状态动态生成控制界面、数据展示面板,适配多品牌硬件差异化需求。

五、使用方法

5.1 源码克隆

通过Git命令拉取官方开源源码:

git clone https://github.com/AGenUI/AGenUI.git
cd AGenUI

5.2 环境准备

  • Android:安装 Android Studio 配置NDK编译环境;

  • iOS:安装 Xcode 配置 CocoaPods 环境;

  • 鸿蒙:安装 DevEco Studio 配置Native编译工具链。

5.3 编译生成依赖库

执行项目内置编译脚本,一键生成各端库文件:

# 执行全局编译脚本
bash scripts/build_all.sh

编译完成后,自动在输出目录生成 AAR、XCFramework、HAR 产物。

5.4 项目集成接入

  1. 将编译好的库文件导入对应移动端工程;

  2. 初始化 AGenUI 引擎,配置主题样式、设计Token;

  3. 接入大模型流式接口,接收A2UI协议数据;

  4. 将协议数据传入AGenUI渲染接口,自动完成原生UI渲染;

  5. 注册业务自定义组件与Function Call回调,绑定业务逻辑。

5.5 调试与预览

运行 playground 目录下的三端演示工程,可实时调试组件样式、流式渲染效果、事件回调逻辑,快速适配业务需求。

六、竞品对比

选取业内同类型AI生成UI框架 AGenUI、Google A2UI 原生方案、传统H5 AI界面框架 进行多维度对比:

对比维度 AGenUI Google A2UI 原生方案 传统H5嵌套AI界面框架
适配平台 iOS/Android/鸿蒙三端全覆盖 仅安卓原生适配,无鸿蒙官方支持 全端适配但依赖Web容器
渲染方式 系统原生控件绘制 安卓原生绘制 H5网页容器渲染
流式渲染 支持逐Token增量实时渲染 仅支持完整协议一次性渲染 无原生流式能力,依赖前端框架
性能帧率 核心场景可达120fps 安卓端60fps上限 普遍30-45fps,滑动卡顿明显
组件扩展 支持标准组件+自定义业务组件 仅内置标准组件,扩展能力弱 依赖前端组件库,无法对接原生能力
集成成本 一键编译,开箱即用 需自研跨端适配层 需维护前端页面、适配Web兼容问题
商用授权 Apache-2.0 免费商用 开源协议限制较多,企业商用需报备 多数开源框架附带商业约束

核心优势总结:AGenUI 补齐了Google官方A2UI的鸿蒙适配、流式渲染、跨端统一短板,同时彻底甩开H5方案在性能、原生交互、系统能力调用上的天然劣势,是目前移动端三端AI生成UI最优落地方案。

AGenUI:高德千问联合开源的三端AI生成UI渲染SDK,原生流式实时界面构建框架

七、常见问题解答

问题1:AGenUI 是否可以免费商用?

答:项目采用 Apache-2.0 开源协议,个人开发者、中小企业、大型企业均可以免费商用,允许二次修改、封装自有SDK,无需支付授权费用,仅需遵守协议开源声明相关规范即可。

问题2:非鸿蒙设备、老旧安卓机型是否可以兼容?

答:Android 最低兼容至 Android 8.0 系统,iOS 最低支持 iOS 13.0,主流老旧机型均可正常运行;鸿蒙系统支持HarmonyOS 2.0及以上所有版本,覆盖绝大多数智能终端设备。

问题3:能否接入私有化部署大模型,而非仅支持公有云大模型?

答:完全支持。AGenUI 只负责解析和渲染A2UI协议数据,不绑定任何大模型厂商,无论是阿里云千问、私有化部署LLM、本地端侧大模型,只要能输出标准A2UI v0.9协议格式,均可无缝接入。

问题4:自定义业务组件开发难度大吗,有没有规范参考?

答:开发门槛较低,项目内置 catalog.json 组件Schema规范,同时提供标准组件源码作为参考,开发者只需按照约定参数、事件回调格式封装原生控件,通过注册接口即可完成扩展,无需改动核心C++引擎代码。

问题5:接入后会不会增加APP安装包体积?

答:内核采用C++轻量化编译,各端库文件体积精简,且支持按需编译裁剪无用组件,正常接入仅增加极小包体积,远低于H5前端引擎、跨端框架的包体积增量。

问题6:是否支持多语言、国际化UI布局?

答:内置国际化适配能力,支持多语言文本、RTL从右到左布局,可跟随系统语言自动切换UI文字与排版方向,适配出海应用、多语言智能终端开发。

八、相关链接

九、总结

AGenUI 作为高德与千问团队联合开源的三端AI生成式UI渲染SDK,基于标准A2UI协议构建跨平台C++核心引擎,兼顾iOS、Android、鸿蒙全生态适配,凭借流式增量渲染、原生高性能绘制、丰富组件扩展、低集成成本等核心优势,解决了传统AI交互依赖纯文字、H5界面体验差、多端适配成本高、大模型UI落地难等行业痛点,覆盖AI客户端、鸿蒙元服务、车载座舱、企业低代码平台等多元应用场景,开源免费商用的特性也让个人开发者与企业团队能够快速将生成式UI能力落地到各类移动端与智能终端项目中,成为当下AI智能体可视化交互落地的核心底层基础设施。

打赏
THE END
作者头像
AI铺子
关注ai行业发展,专注ai工具推荐