Canvas组件开发指南摘要：Canvas组件支持自定义图形绘制，通过CanvasRenderingContext2D对象实现基础形状、文本和图片的绘制。开发时需在onReady回调中获取画布尺寸后开始绘制，提供fillRect()、arc()、ellipse()等方法绘制矩形/圆形/椭圆，并支持通过fillStyle、strokeStyle等属性设置样式。示例代码展示了如何创建带边框和填充色的基

Form Kit提供卡片开发服务，通过将应用功能和信息以卡片形式展示在桌面，实现服务直达和减少跳转。卡片由提供方（包含业务逻辑和UI模块）和使用方（如桌面应用）组成，支持交互功能。创建卡片时可在工程中右键新建ArkTS卡片，选择模板后生成相关文件（生命周期管理、页面和配置文件）。卡片分为静态和动态类型，支持通过配置修改。

很多时候导航页签是图片、文本组成，并且需要根据选中的页签改变图片和文本的颜色，此时就需要使用自定义导航。如下图，模仿微信底部导航效果1. 自定义导航页签按照需求设计导航页签的布局结构，每一个页签包含选中图片未选中图片文本索引四个参数，如果Tabs当前索引等于页签索引，则显示选中图片，并且改变文本颜色。/*title: 页签标题targetIndex: 页签的索引selectedImg: 选中时图标

这篇文章介绍了Refresh下拉刷新组件的使用方法。主要内容包括：1）基本使用方式，通过嵌套List实现下拉刷新功能；2）可配置属性如刷新距离、跟手系数等；3）状态变化和刷新事件监听；4）自定义刷新动效的实现方法。文章提供了完整的示例代码，演示了如何创建默认刷新效果和自定义UI样式，并详细说明了组件的各项参数和回调函数的使用场景。该组件适用于需要下拉刷新功能的列表页面开发。

相对布局(RelativeContainer)允许子组件基于父组件或兄弟组件进行相对定位。子组件通过alignRules设置对齐规则，指定参考边线(6条边界线)、锚点(父容器__container__或兄弟组件id)和对齐方式。示例展示了在父容器四个角和中心放置组件，以及相对于兄弟组件定位的方法。当相对定位不精确时，可用offset设置偏移量进行微调。相对布局通过灵活的对齐规则实现精确的组件定位。

以下所有摘自《鸿蒙操作系统设计原理与架构》

Navigation组件是ArkUI中的路由容器，通常作为首页根容器使用，由导航页(NavBar)和子页(NavDestination)组成。导航页包含标题栏、菜单栏、内容区和工具栏，可通过hideNavBar隐藏；子页由标题栏、菜单栏和内容区构成。两者可通过路由自由切换，且导航页不在页面栈中。 典型应用场景是Tabs+Navigation组合实现多级页面导航：Tabs控制底部导航栏，Naviga

这篇文档介绍了如何使用ArkTS开发一个简易计算器应用，主要包含以下内容： 功能需求：实现基本加减乘除运算，采用双行显示区域（上为表达式，下为结果），支持按键动画效果和运算结果过渡动画。 界面实现： 采用Column垂直布局 显示区域分为两个Text组件 键盘区使用Grid网格布局，特殊处理"="键的布局 通过AttributeModifier实现按键动态样式 按键处理逻辑：

摘要：ArkUI的WaterFlow组件支持瀑布流布局，适用于图片展示场景。它提供纵向和横向两种布局方式，通过columnsTemplate/rowsTemplate设置行列数，自动将子项填充到高度/宽度最小的列/行。本文演示了如何实现无限滚动瀑布流：1)创建IDataSource数据源类管理数据；2)使用LazyForEach循环渲染，配合onReachEnd事件实现懒加载；3)通过随机尺寸算法

ArkUI是一套构建分布式应用的声明式UI开发框架。它具备简洁自然的UI信息语法、丰富的UI组件、多维的状态管理，以及实时界面预览等相关能力，帮助您提升应用开发效率，并能在多种设备上实现生动而流畅的用户体验ArkUI-X进一步将ArkUI扩展到了多个OS平台：目前支持OpenHarmony、HarmonyOS、Android、 iOS，后续会逐步增加更多平台支持。开发者基于一套主代码，就可以构建支