尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
ArkUI 简介
ArkUI方舟 UI 框架为应用的 UI 开发提供了完整的基础设施包括简洁的 UI 语法、丰富的 UI 功能组件、布局、动画以及交互事件以及实时界面预览工具等可以支持开发者进行可视化界面开发。基本概念UI 即用户界面。开发者可以将应用的用户界面设计为多个功能页面 NavDestination页面通过栈结构管理并通过导航容器 Navigation 完成页面间的调度管理如跳转、回退等操作以实现应用内的功能解耦。组件 UI构建与显示的最小单位如列表、网格、按钮、单选框、进度条、文本等。开发者通过多种组件的组合构建出满足自身应用诉求的完整界面。两种开发范式针对不同的应用场景及技术背景方舟 UI 框架提供了两种开发范式分别是基于 ArkTS 的声明式开发范式简称“声明式开发范式”和兼容 JS 的类 Web 开发范式简称“类 Web 开发范式”。声明式开发范式采用基于 TypeScript 声明式 UI 语法扩展而来的 ArkTS 语言从组件、动画和状态管理三个维度提供UI绘制能力。类Web开发范式采用经典的 HML、CSS、JavaScript 三段式开发方式即使用 HML 标签文件搭建布局、使用 CSS 文件描述样式、使用 JavaScript 文件处理逻辑。该范式更符合 Web 前端开发者的使用习惯便于快速将已有的 Web 应用改造成方舟 UI 框架应用。在开发一款新应用时推荐采用声明式开发范式来构建 UI主要基于以下几点考虑开发效率 声明式开发范式更接近自然语义的编程方式开发者可以直观地描述 UI无需关心如何实现 UI 绘制和渲染开发高效简洁。应用性能 如下图所示两种开发范式的 UI 后端引擎和语言运行时是共用的但是相比类 Web 开发范式声明式开发范式无需 JS 框架进行页面 DOM 管理渲染更新链路更为精简占用内存更少应用性能更佳。发展趋势声明式开发范式后续会作为主推的开发范式持续演进为开发者提供更丰富、更强大的能力。不同应用类型支持的开发范式根据所选用应用模型Stage 模型、FA 模型和页面形态应用或服务的普通页面、卡片的不同对应支持的 UI 开发范式也有所差异详见下表。应用模型页面形态支持的 UI 开发范式Stage 模型推荐应用或服务的页面声明式开发范式推荐Stage 模型推荐卡片声明式开发范式推荐、类 Web 开发范式FA 模型应用或服务的页面声明式开发范式、类 Web 开发范式FA 模型卡片类 Web 开发范式分层 API 架构与选型建议声明式开发范式采用 ArkTS 语言通过声明 UI 结构和状态自动驱动界面渲染。开发者只需描述“界面应该是什么样”无需手动管理 UI 更新。适用于复杂度较高、团队协作的应用开发具有高开发效率、良好性能和易维护等优势。适用场景复杂应用、需要高效开发和维护的项目、推荐新项目优先选用。自定义能力ArkUI 支持多层次自定义能力包括自定义组合、自定义扩展Modifier、自定义节点FrameNode、RenderNode、BuilderNode、自定义渲染等。开发者可根据业务需求选择不同层级的自定义方式实现灵活的 UI 定制和扩展。适用场景需要特殊 UI 表现、底层渲染控制、与系统组件深度集成等场景。NDK 开发ArkUI 开发框架提供了一系列 NDK 接口能够在应用中使用 C 和 C 代码构建 UI 界面包括 UI 组件创建、UI 树操作、属性设置和事件监听等。详细使用方式可参考 NDK 接口概述。适用场景需要精细化创建和挂载 UI 组件、对性能有高要求的场景、业务已存在 C 或 C 库可使用 NDK 能力进行对接。
RELATED

相关推荐

Jellium Desktop多语言字幕支持:如何添加与管理多种字幕

Jellium Desktop多语言字幕支持:如何添加与管理多种字幕

Jellium Desktop多语言字幕支持:如何添加与管理多种字幕 【免费下载链接】jellium-desktop An unofficial desktop client for Jellyfin 项目地址: https://gitcode.com/GitHub_Trending/je/jellium-desktop Jellium Desktop作为一款非官方的Jellyfin桌面客户…

📅 2026/8/23 16:18:22
5个必学的Universal-Updater高级技巧:轻松管理3DS自制软件

5个必学的Universal-Updater高级技巧:轻松管理3DS自制软件

5个必学的Universal-Updater高级技巧:轻松管理3DS自制软件 【免费下载链接】Universal-Updater An easy to use app for installing and updating 3DS homebrew 项目地址: https://gitcode.com/gh_mirrors/un/Universal-Updater Universal-Updater是一款专为…

📅 2026/8/23 16:18:22
如何快速使用WechatDecrypt工具:面向新手的完整微信数据库解密教程

如何快速使用WechatDecrypt工具:面向新手的完整微信数据库解密教程

如何快速使用WechatDecrypt工具:面向新手的完整微信数据库解密教程 【免费下载链接】WechatDecrypt 微信消息解密工具 项目地址: https://gitcode.com/gh_mirrors/we/WechatDecrypt 微信聊天记录是许多人数字生活中重要的组成部分,但微信为了保护…

📅 2026/8/23 16:18:23
MORE NEWS

更多资讯

📰

Aspire 内部 Azure DevOps 流水线实战指南:触发、监控与安全验证 dnceng/internal 构建

Aspire 内部 Azure DevOps 流水线实战指南:触发、监控与安全验证 dnceng/internal 构建 【免费下载链接】aspire Aspire is the tool for code-first, extensible, observable dev and deploy. 项目地址: https://gitcode.com/GitHub_Trending/as/aspire 本指…

📰

数据库字段设计规范全解析:类型、命名与建模实战

1. 字段设计为什么值得单独写一篇1.1 从一张“能跑但难改”的表说起接手过老项目的朋友,应该都有过这种体验:一张用户表里,name字段时而是真实姓名,时而是昵称;手机号用int类型存,超过10位直接溢出存成负数…

📰

电器学精讲:接触电阻、电弧熄灭、电动力与磁路计算全解析

简介:一份面向电气工程及自动化专业学生的《电器学》备考资料,覆盖触头接触电阻、交流与直流电弧特性、电磁铁吸力与磁路计算、电器发热与电动力等核心考点,适合期末复习、考研专业课或自考巩固。资料为单一Word文档,共1个文件&am…

📰

中文手写字符识别:面向结构复杂性的轻量CNN设计与Flask部署

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

电流舵DAC原理与高速高精度设计实战指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

TypeSpec `clientRequired` 诊断解析:Java 客户端参数必选性控制与 `client-required-false` 错误排查

TypeSpec clientRequired 诊断解析:Java 客户端参数必选性控制与 client-required-false 错误排查 【免费下载链接】typespec 项目地址: https://gitcode.com/GitHub_Trending/ty/typespec 本文围绕 TypeSpec 官方仓库中 client-required-false.md 文档&…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬