- 示例教程 - [开发案例](https://gitee.com/openharmony/docs/blob/master/zh-cn/third-party-cases/Readme-CN.md) - [示例代码](https://gitee.com/openharmony/applications_app_samples/blob/master/README_zh.md) - [Codelabs](https://gitee.com/openharmony/codelabs/blob/master/README.md) - API参考 - [系统能力SystemCapability使用指南](reference/syscap.md) - [系统能力SystemCapability列表](reference/syscap-list.md) - 组件参考（基于ArkTS的声明式开发范式） - [组件导读](reference/arkui-ts/ts-components-summary.md) - 组件通用信息 - 通用事件 - [点击事件](reference/arkui-ts/ts-universal-events-click.md) - [触摸事件](reference/arkui-ts/ts-universal-events-touch.md) - [挂载卸载事件](reference/arkui-ts/ts-universal-events-show-hide.md) - [拖拽事件](reference/arkui-ts/ts-universal-events-drag-drop.md) - [按键事件](reference/arkui-ts/ts-universal-events-key.md) - [焦点事件](reference/arkui-ts/ts-universal-focus-event.md) - [鼠标事件](reference/arkui-ts/ts-universal-mouse-key.md) - [组件区域变化事件](reference/arkui-ts/ts-universal-component-area-change-event.md) - [组件可见区域变化事件](reference/arkui-ts/ts-universal-component-visible-area-change-event.md) - [组件快捷键事件](reference/arkui-ts/ts-universal-events-keyboardshortcut.md) - 通用属性 - [尺寸设置](reference/arkui-ts/ts-universal-attributes-size.md) - [位置设置](reference/arkui-ts/ts-universal-attributes-location.md) - [布局约束](reference/arkui-ts/ts-universal-attributes-layout-constraints.md) - [Flex布局](reference/arkui-ts/ts-universal-attributes-flex-layout.md) - [边框设置](reference/arkui-ts/ts-universal-attributes-border.md) - [图片边框设置](reference/arkui-ts/ts-universal-attributes-border-image.md) - [背景设置](reference/arkui-ts/ts-universal-attributes-background.md) - [透明度设置](reference/arkui-ts/ts-universal-attributes-opacity.md) - [显隐控制](reference/arkui-ts/ts-universal-attributes-visibility.md) - [禁用控制](reference/arkui-ts/ts-universal-attributes-enable.md) - [浮层](reference/arkui-ts/ts-universal-attributes-overlay.md) - [Z序控制](reference/arkui-ts/ts-universal-attributes-z-order.md) - [图形变换](reference/arkui-ts/ts-universal-attributes-transformation.md) - [图像效果](reference/arkui-ts/ts-universal-attributes-image-effect.md) - [形状裁剪](reference/arkui-ts/ts-universal-attributes-sharp-clipping.md) - [栅格设置](reference/arkui-ts/ts-universal-attributes-grid.md) - [颜色渐变](reference/arkui-ts/ts-universal-attributes-gradient-color.md) - [Popup控制](reference/arkui-ts/ts-universal-attributes-popup.md) - [Menu控制](reference/arkui-ts/ts-universal-attributes-menu.md) - [点击控制](reference/arkui-ts/ts-universal-attributes-click.md) - [焦点控制](reference/arkui-ts/ts-universal-attributes-focus.md) - [悬浮态效果](reference/arkui-ts/ts-universal-attributes-hover-effect.md) - [组件标识](reference/arkui-ts/ts-universal-attributes-component-id.md) - [触摸热区设置](reference/arkui-ts/ts-universal-attributes-touch-target.md) - [多态样式](reference/arkui-ts/ts-universal-attributes-polymorphic-style.md) - [触摸测试控制](reference/arkui-ts/ts-universal-attributes-hit-test-behavior.md) - [背景模糊设置](reference/arkui-ts/ts-universal-attributes-backgroundBlurStyle.md) - [分布式迁移标识](reference/arkui-ts/ts-universal-attributes-restoreId.md) - [前景色设置](reference/arkui-ts/ts-universal-attributes-foreground-color.md) - [图像球面效果设置](reference/arkui-ts/ts-universal-attributes-sphericalEffect.md) - [图像渐亮效果设置](reference/arkui-ts/ts-universal-attributes-lightUpEffect.md) - [图像像素扩展效果设置](reference/arkui-ts/ts-universal-attributes-pixelStretchEffect.md) - [文本通用属性](reference/arkui-ts/ts-universal-attributes-text-style.md) - 手势处理 - [绑定手势方法](reference/arkui-ts/ts-gesture-settings.md) - 基础手势 - [TapGesture](reference/arkui-ts/ts-basic-gestures-tapgesture.md) - [LongPressGesture](reference/arkui-ts/ts-basic-gestures-longpressgesture.md) - [PanGesture](reference/arkui-ts/ts-basic-gestures-pangesture.md) - [PinchGesture](reference/arkui-ts/ts-basic-gestures-pinchgesture.md) - [RotationGesture](reference/arkui-ts/ts-basic-gestures-rotationgesture.md) - [SwipeGesture](reference/arkui-ts/ts-basic-gestures-swipegesture.md) - [组合手势](reference/arkui-ts/ts-combined-gestures.md) - 基础组件 - [AlphabetIndexer](reference/arkui-ts/ts-container-alphabet-indexer.md) - [Blank](reference/arkui-ts/ts-basic-components-blank.md) - [Button](reference/arkui-ts/ts-basic-components-button.md) - [Checkbox](reference/arkui-ts/ts-basic-components-checkbox.md) - [CheckboxGroup](reference/arkui-ts/ts-basic-components-checkboxgroup.md) - [DataPanel](reference/arkui-ts/ts-basic-components-datapanel.md) - [DatePicker](reference/arkui-ts/ts-basic-components-datepicker.md) - [Divider](reference/arkui-ts/ts-basic-components-divider.md) - [Formcomponent](reference/arkui-ts/ts-basic-components-formcomponent.md) - [Gauge](reference/arkui-ts/ts-basic-components-gauge.md) - [Image](reference/arkui-ts/ts-basic-components-image.md) - [ImageAnimator](reference/arkui-ts/ts-basic-components-imageanimator.md) - [ImageSpan](reference/arkui-ts/ts-basic-components-imagespan.md) - [LoadingProgress](reference/arkui-ts/ts-basic-components-loadingprogress.md) - [Marquee](reference/arkui-ts/ts-basic-components-marquee.md) - [Menu](reference/arkui-ts/ts-basic-components-menu.md) - [MenuItem](reference/arkui-ts/ts-basic-components-menuitem.md) - [MenuItemGroup](reference/arkui-ts/ts-basic-components-menuitemgroup.md) - [Navigation](reference/arkui-ts/ts-basic-components-navigation.md) - [NavRouter](reference/arkui-ts/ts-basic-components-navrouter.md) - [NavDestination](reference/arkui-ts/ts-basic-components-navdestination.md) - [PatternLock](reference/arkui-ts/ts-basic-components-patternlock.md) - [PluginComponent](reference/arkui-ts/ts-basic-components-plugincomponent.md) - [Progress](reference/arkui-ts/ts-basic-components-progress.md) - [QRCode](reference/arkui-ts/ts-basic-components-qrcode.md) - [Radio](reference/arkui-ts/ts-basic-components-radio.md) - [Rating](reference/arkui-ts/ts-basic-components-rating.md) - [RemoteWindow](reference/arkui-ts/ts-basic-components-remotewindow.md) - [RichText](reference/arkui-ts/ts-basic-components-richtext.md) - [ScrollBar](reference/arkui-ts/ts-basic-components-scrollbar.md) - [Search](reference/arkui-ts/ts-basic-components-search.md) - [Select](reference/arkui-ts/ts-basic-components-select.md) - [Slider](reference/arkui-ts/ts-basic-components-slider.md) - [Span](reference/arkui-ts/ts-basic-components-span.md) - [Stepper](reference/arkui-ts/ts-basic-components-stepper.md) - [StepperItem](reference/arkui-ts/ts-basic-components-stepperitem.md) - [Text](reference/arkui-ts/ts-basic-components-text.md) - [TextArea](reference/arkui-ts/ts-basic-components-textarea.md) - [TextClock](reference/arkui-ts/ts-basic-components-textclock.md) - [TextInput](reference/arkui-ts/ts-basic-components-textinput.md) - [TextPicker](reference/arkui-ts/ts-basic-components-textpicker.md) - [TextTimer](reference/arkui-ts/ts-basic-components-texttimer.md) - [TimePicker](reference/arkui-ts/ts-basic-components-timepicker.md) - [Toggle](reference/arkui-ts/ts-basic-components-toggle.md) - [Web](reference/arkui-ts/ts-basic-components-web.md) - [XComponent](reference/arkui-ts/ts-basic-components-xcomponent.md) - 容器组件 - [AbilityComponent](reference/arkui-ts/ts-container-ability-component.md) - [Badge](reference/arkui-ts/ts-container-badge.md) - [Column](reference/arkui-ts/ts-container-column.md) - [ColumnSplit](reference/arkui-ts/ts-container-columnsplit.md) - [Counter](reference/arkui-ts/ts-container-counter.md) - [Flex](reference/arkui-ts/ts-container-flex.md) - [FlowItem](reference/arkui-ts/ts-container-flowitem.md) - [GridCol](reference/arkui-ts/ts-container-gridcol.md) - [GridRow](reference/arkui-ts/ts-container-gridrow.md) - [Grid](reference/arkui-ts/ts-container-grid.md) - [GridItem](reference/arkui-ts/ts-container-griditem.md) - [List](reference/arkui-ts/ts-container-list.md) - [ListItem](reference/arkui-ts/ts-container-listitem.md) - [ListItemGroup](reference/arkui-ts/ts-container-listitemgroup.md) - [Navigator](reference/arkui-ts/ts-container-navigator.md) - [Panel](reference/arkui-ts/ts-container-panel.md) - [Refresh](reference/arkui-ts/ts-container-refresh.md) - [RelativeContainer](reference/arkui-ts/ts-container-relativecontainer.md) - [Row](reference/arkui-ts/ts-container-row.md) - [RowSplit](reference/arkui-ts/ts-container-rowsplit.md) - [Scroll](reference/arkui-ts/ts-container-scroll.md) - [SideBarContainer](reference/arkui-ts/ts-container-sidebarcontainer.md) - [Stack](reference/arkui-ts/ts-container-stack.md) - [Swiper](reference/arkui-ts/ts-container-swiper.md) - [Tabs](reference/arkui-ts/ts-container-tabs.md) - [TabContent](reference/arkui-ts/ts-container-tabcontent.md) - [WaterFlow](reference/arkui-ts/ts-container-waterflow.md) - 媒体组件 - [Video](reference/arkui-ts/ts-media-components-video.md) - 绘制组件 - [Circle](reference/arkui-ts/ts-drawing-components-circle.md) - [Ellipse](reference/arkui-ts/ts-drawing-components-ellipse.md) - [Line](reference/arkui-ts/ts-drawing-components-line.md) - [Polyline](reference/arkui-ts/ts-drawing-components-polyline.md) - [Polygon](reference/arkui-ts/ts-drawing-components-polygon.md) - [Path](reference/arkui-ts/ts-drawing-components-path.md) - [Rect](reference/arkui-ts/ts-drawing-components-rect.md) - [Shape](reference/arkui-ts/ts-drawing-components-shape.md) - 画布组件 - [Canvas](reference/arkui-ts/ts-components-canvas-canvas.md) - [CanvasRenderingContext2D对象](reference/arkui-ts/ts-canvasrenderingcontext2d.md) - [CanvasGradient对象](reference/arkui-ts/ts-components-canvas-canvasgradient.md) - [ImageBitmap对象](reference/arkui-ts/ts-components-canvas-imagebitmap.md) - [ImageData对象](reference/arkui-ts/ts-components-canvas-imagedata.md) - [OffscreenCanvasRenderingContext2D对象](reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md) - [Path2D对象](reference/arkui-ts/ts-components-canvas-path2d.md) - [Lottie](reference/arkui-ts/ts-components-canvas-lottie.md) - 动画 - [属性动画](reference/arkui-ts/ts-animatorproperty.md) - [显式动画](reference/arkui-ts/ts-explicit-animation.md) - 转场动画 - [页面间转场](reference/arkui-ts/ts-page-transition-animation.md) - [组件内转场](reference/arkui-ts/ts-transition-animation-component.md) - [共享元素转场](reference/arkui-ts/ts-transition-animation-shared-elements.md) - [路径动画](reference/arkui-ts/ts-motion-path-animation.md) - 全局UI方法 - 弹窗 - [警告弹窗](reference/arkui-ts/ts-methods-alert-dialog-box.md) - [列表选择弹窗](reference/arkui-ts/ts-methods-action-sheet.md) - [自定义弹窗](reference/arkui-ts/ts-methods-custom-dialog-box.md) - [日期选择弹窗](reference/arkui-ts/ts-methods-datepicker-dialog.md) - [时间选择弹窗](reference/arkui-ts/ts-methods-timepicker-dialog.md) - [文本选择弹窗](reference/arkui-ts/ts-methods-textpicker-dialog.md) - [菜单](reference/arkui-ts/ts-methods-menu.md) - [自定义组件的生命周期](reference/arkui-ts/ts-custom-component-lifecycle.md) - [应用级变量的状态管理](reference/arkui-ts/ts-state-management.md) - [像素单位](reference/arkui-ts/ts-pixel-units.md) - [枚举说明](reference/arkui-ts/ts-appendix-enums.md) - [类型说明](reference/arkui-ts/ts-types.md) - 已停止维护的组件 - [GridContainer](reference/arkui-ts/ts-container-gridcontainer.md) - 组件参考（兼容JS的类Web开发范式） - 组件通用信息 - [通用属性](reference/arkui-js/js-components-common-attributes.md) - [通用样式](reference/arkui-js/js-components-common-styles.md) - [通用事件](reference/arkui-js/js-components-common-events.md) - [通用方法](reference/arkui-js/js-components-common-methods.md) - [动画样式](reference/arkui-js/js-components-common-animation.md) - [渐变样式](reference/arkui-js/js-components-common-gradient.md) - [转场样式](reference/arkui-js/js-components-common-transition.md) - [媒体查询](reference/arkui-js/js-components-common-mediaquery.md) - [自定义字体样式](reference/arkui-js/js-components-common-customizing-font.md) - [原子布局](reference/arkui-js/js-components-common-atomic-layout.md) - 容器组件 - [badge](reference/arkui-js/js-components-container-badge.md) - [dialog](reference/arkui-js/js-components-container-dialog.md) - [div](reference/arkui-js/js-components-container-div.md) - [form](reference/arkui-js/js-components-container-form.md) - [list](reference/arkui-js/js-components-container-list.md) - [list-item](reference/arkui-js/js-components-container-list-item.md) - [list-item-group](reference/arkui-js/js-components-container-list-item-group.md) - [panel](reference/arkui-js/js-components-container-panel.md) - [popup](reference/arkui-js/js-components-container-popup.md) - [refresh](reference/arkui-js/js-components-container-refresh.md) - [stack](reference/arkui-js/js-components-container-stack.md) - [stepper](reference/arkui-js/js-components-container-stepper.md) - [stepper-item](reference/arkui-js/js-components-container-stepper-item.md) - [swiper](reference/arkui-js/js-components-container-swiper.md) - [tabs](reference/arkui-js/js-components-container-tabs.md) - [tab-bar](reference/arkui-js/js-components-container-tab-bar.md) - [tab-content](reference/arkui-js/js-components-container-tab-content.md) - 基础组件 - [button](reference/arkui-js/js-components-basic-button.md) - [chart](reference/arkui-js/js-components-basic-chart.md) - [divider](reference/arkui-js/js-components-basic-divider.md) - [image](reference/arkui-js/js-components-basic-image.md) - [image-animator](reference/arkui-js/js-components-basic-image-animator.md) - [input](reference/arkui-js/js-components-basic-input.md) - [label](reference/arkui-js/js-components-basic-label.md) - [marquee](reference/arkui-js/js-components-basic-marquee.md) - [menu](reference/arkui-js/js-components-basic-menu.md) - [option](reference/arkui-js/js-components-basic-option.md) - [picker](reference/arkui-js/js-components-basic-picker.md) - [picker-view](reference/arkui-js/js-components-basic-picker-view.md) - [piece](reference/arkui-js/js-components-basic-piece.md) - [progress](reference/arkui-js/js-components-basic-progress.md) - [qrcode](reference/arkui-js/js-components-basic-qrcode.md) - [rating](reference/arkui-js/js-components-basic-rating.md) - [richtext](reference/arkui-js/js-components-basic-richtext.md) - [search](reference/arkui-js/js-components-basic-search.md) - [select](reference/arkui-js/js-components-basic-select.md) - [slider](reference/arkui-js/js-components-basic-slider.md) - [span](reference/arkui-js/js-components-basic-span.md) - [switch](reference/arkui-js/js-components-basic-switch.md) - [text](reference/arkui-js/js-components-basic-text.md) - [textarea](reference/arkui-js/js-components-basic-textarea.md) - [toolbar](reference/arkui-js/js-components-basic-toolbar.md) - [toolbar-item](reference/arkui-js/js-components-basic-toolbar-item.md) - [toggle](reference/arkui-js/js-components-basic-toggle.md) - [web](reference/arkui-js/js-components-basic-web.md) - [xcomponent](reference/arkui-js/js-components-basic-xcomponent.md) - 媒体组件 - [video](reference/arkui-js/js-components-media-video.md) - 画布组件 - [canvas组件](reference/arkui-js/js-components-canvas-canvas.md) - [CanvasRenderingContext2D对象](reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md) - [Image对象](reference/arkui-js/js-components-canvas-image.md) - [CanvasGradient对象](reference/arkui-js/js-components-canvas-canvasgradient.md) - [ImageData对象](reference/arkui-js/js-components-canvas-imagedata.md) - [Path2D对象](reference/arkui-js/js-components-canvas-path2d.md) - [ImageBitmap对象](reference/arkui-js/js-components-canvas-imagebitmap.md) - [OffscreenCanvas对象](reference/arkui-js/js-components-canvas-offscreencanvas.md) - [OffscreenCanvasRenderingContext2D对象](reference/arkui-js/js-offscreencanvasrenderingcontext2d.md) - 栅格组件 - [基本概念](reference/arkui-js/js-components-grid-basic-concepts.md) - [grid-container](reference/arkui-js/js-components-grid-container.md) - [grid-row](reference/arkui-js/js-components-grid-row.md) - [grid-col](reference/arkui-js/js-components-grid-col.md) - svg组件 - [通用属性](reference/arkui-js/js-components-svg-common-attributes.md) - [svg](reference/arkui-js/js-components-svg.md) - [rect](reference/arkui-js/js-components-svg-rect.md) - [circle](reference/arkui-js/js-components-svg-circle.md) - [ellipse](reference/arkui-js/js-components-svg-ellipse.md) - [path](reference/arkui-js/js-components-svg-path.md) - [line](reference/arkui-js/js-components-svg-line.md) - [polyline](reference/arkui-js/js-components-svg-polyline.md) - [polygon](reference/arkui-js/js-components-svg-polygon.md) - [text](reference/arkui-js/js-components-svg-text.md) - [tspan](reference/arkui-js/js-components-svg-tspan.md) - [textPath](reference/arkui-js/js-components-svg-textpath.md) - [animate](reference/arkui-js/js-components-svg-animate.md) - [animateMotion](reference/arkui-js/js-components-svg-animatemotion.md) - [animateTransform](reference/arkui-js/js-components-svg-animatetransform.md) - 自定义组件 - [基本用法](reference/arkui-js/js-components-custom-basic-usage.md) - [数据传递与处理](reference/arkui-js/js-components-custom-props.md) - [继承样式](reference/arkui-js/js-components-custom-style.md) - [slot插槽](reference/arkui-js/js-components-custom-slot.md) - [生命周期定义](reference/arkui-js/js-components-custom-lifecycle.md) - [动态创建组件](reference/arkui-js/js-components-create-elements.md) - [数据类型说明](reference/arkui-js/js-appendix-types.md) - JS服务卡片UI组件参考 - JS服务卡片UI框架说明 - [文件组织](reference/js-service-widget-ui/js-service-widget-file.md) - 语法 - [HML语法参考](reference/js-service-widget-ui/js-service-widget-syntax-hml.md) - [CSS语法参考](reference/js-service-widget-ui/js-service-widget-syntax-css.md) - [多语言支持](reference/js-service-widget-ui/js-service-widget-multiple-languages.md) - [版本兼容适配](reference/js-service-widget-ui/js-service-widget-version-compatibility.md) - [设置主题样式](reference/js-service-widget-ui/js-service-widget-theme.md) - 组件 - 通用 - [通用属性](reference/js-service-widget-ui/js-service-widget-common-attributes.md) - [通用样式](reference/js-service-widget-ui/js-service-widget-common-styles.md) - [通用事件](reference/js-service-widget-ui/js-service-widget-common-events.md) - [渐变样式](reference/js-service-widget-ui/js-service-widget-common-gradient.md) - [媒体查询](reference/js-service-widget-ui/js-service-widget-common-mediaquery.md) - [自定义字体样式](reference/js-service-widget-ui/js-service-widget-common-customizing-font.md) - [无障碍](reference/js-service-widget-ui/js-service-widget-common-accessibility.md) - [原子布局](reference/js-service-widget-ui/js-service-widget-common-atomic-layout.md) - 容器组件 - [badge](reference/js-service-widget-ui/js-service-widget-container-badge.md) - [div](reference/js-service-widget-ui/js-service-widget-container-div.md) - [list](reference/js-service-widget-ui/js-service-widget-container-list.md) - [list-item](reference/js-service-widget-ui/js-service-widget-container-list-item.md) - [stack](reference/js-service-widget-ui/js-service-widget-container-stack.md) - [swiper](reference/js-service-widget-ui/js-service-widget-container-swiper.md) - 基础组件 - [button](reference/js-service-widget-ui/js-service-widget-basic-button.md) - [calendar](reference/js-service-widget-ui/js-service-widget-basic-calendar.md) - [chart](reference/js-service-widget-ui/js-service-widget-basic-chart.md) - [clock](reference/js-service-widget-ui/js-service-widget-basic-clock.md) - [divider](reference/js-service-widget-ui/js-service-widget-basic-divider.md) - [image](reference/js-service-widget-ui/js-service-widget-basic-image.md) - [input](reference/js-service-widget-ui/js-service-widget-basic-input.md) - [progress](reference/js-service-widget-ui/js-service-widget-basic-progress.md) - [span](reference/js-service-widget-ui/js-service-widget-basic-span.md) - [text](reference/js-service-widget-ui/js-service-widget-basic-text.md) - [自定义组件使用说明](reference/js-service-widget-ui/js-service-widget-custom-basic-usage.md) - [数据类型说明](reference/js-service-widget-ui/js-service-widget-appendix-types.md)