ArkUI开发入门-华为开发者联盟

文档管理中心
account24arrow_back16arrow_downarrow_right16back18close18collapse16expand16headpicinfo28jumphover16jumpnormal16language24menu18menu24moresearch24user
ArkUI 开发入门
开始你的旅程
通过 ArkUI，你的应用可真实呈现在眼前。ArkUI 为应用的 UI 开发提供了完整的基础设施，包括简洁的 UI 语法、丰富的 UI 功能，以及实时界面预览工具等，可以支持你进行可视化界面开发。
img
你将学习哪些内容
  • 了解 ArkUI 的作用
  • 探索 ArkUI 组件
  • 学习 ArkUI 的布局与设计
  • 了解 ArkUI 的导航与交互
img
你需要什么

img
认识 ArkUI
  • ArkUI（方舟 UI 框架）为应用的 UI 开发提供了完整的基础设施，包括简洁的 UI 语法、丰富的 UI 功能（组件、布局、动画以及交互事件），以及实时界面预览工具等，可以支持开发者进行可视化界面开发。针对不同的应用场景及技术背景，方舟 UI 框架提供了两种开发范式，分别是基于 ArkTS 的声明式开发范式（简称“声明式开发范式”）和兼容 JS 的类 Web 开发范式（简称“类 Web 开发范式”）。
  • 声明式开发范式采用基于 TypeScript 声明式 UI 语法扩展而来的 ArkTS 语言，从组件、动画和状态管理三个维度提供 UI 绘制能力。
在开始你的 ArkUI 开发之旅前，我们建议你先行观看“ArkUI 开发基础”视频教程，以获得对该开发框架的全面认识。
img
ArkUI 开发基础（上）
img
ArkUI 开发基础（下）
此外，为了更深入地掌握 ArkUI，你可以参考详尽的 ArkUI 指南，它提供了所有必要的权威信息和资源。在你的学习与开发过程中，这份指南将是你随时可查阅的可靠资料。
ArkUI 指南
img
导航与交互

导航是用户体验的关键，它允许用户在应用的不同部分之间流畅地移动。良好的导航设计可以提高应用的可用性和用户满意度，确保用户能够轻松找到所需功能。

了解如何在 ArkUI 中实现页面间的导航，包括页面路由、跳转逻辑等，创建动态和响应式的用户界面。

设置组件导航和页面路由
支持交互事件
img
布局和设计
掌握布局开发的核心技巧，对于提升用户体验、确保应用在不同设备上的一致性和适应性至关重要。
设计布局：了解布局设计的基础知识和技巧，能够根据显示环境的变化进行及时调整，以适应各种设备和场景。
开发布局：在设计应用布局后，运用这些技巧实现页面设计，确保应用在不同设备和屏幕尺寸下均能呈现出良好的视觉效果和交互体验。
刚开始接触设计？
  • 设计入门：在这里了解设计的基础知识和运用理念。
img
探索 ArkUI 组件

组件是 UI 构建与显示的最小单位，包括列表、网格、按钮、单选框、进度条、文本等。通过多种组件的组合，你可以构建出满足自身应用诉求的完整界面.

了解常用组件
在开发一款新应用时，从开发效率、应用性能、发展趋势等角度，推荐你采用声明式开发范式来构建 UI，掌握其相关使用技巧，对于设计直观、易用的用户界面至关重要。
气泡提示
菜单控制
使用动画
img
深入探索
掌握 ArkUI 的性能优化方法，涵盖布局性能优化和长列表加载性能优化，是提升应用性能的关键。
ArkUI 进阶

ArkUI API 参考文档详尽阐述了 API 的使用方法，助你深入理解并高效运用 ArkUI 进行应用开发。

ArkUI API 参考
FAQ 聚焦于 ArkUI 框架的常见问题，为开发过程中可能遇到的疑惑提供迅速而有效的解决方案。
ArkUI FAQ