1# 基于ArkTS的声明式开发范式 2 3- [组件导读](ts-components-summary.md) 4- 组件通用信息 5 - 通用事件 6 - [点击事件](ts-universal-events-click.md) 7 - [触摸事件](ts-universal-events-touch.md) 8 - [挂载卸载事件](ts-universal-events-show-hide.md) 9 - [拖拽事件](ts-universal-events-drag-drop.md) 10 - [按键事件](ts-universal-events-key.md) 11 - [焦点事件](ts-universal-focus-event.md) 12 - [鼠标事件](ts-universal-mouse-key.md) 13 - [组件区域变化事件](ts-universal-component-area-change-event.md) 14 - [组件可见区域变化事件](ts-universal-component-visible-area-change-event.md) 15 - 通用属性 16 - [尺寸设置](ts-universal-attributes-size.md) 17 - [位置设置](ts-universal-attributes-location.md) 18 - [布局约束](ts-universal-attributes-layout-constraints.md) 19 - [Flex布局](ts-universal-attributes-flex-layout.md) 20 - [边框设置](ts-universal-attributes-border.md) 21 - [图片边框设置](ts-universal-attributes-border-image.md) 22 - [背景设置](ts-universal-attributes-background.md) 23 - [透明度设置](ts-universal-attributes-opacity.md) 24 - [显隐控制](ts-universal-attributes-visibility.md) 25 - [禁用控制](ts-universal-attributes-enable.md) 26 - [浮层](ts-universal-attributes-overlay.md) 27 - [Z序控制](ts-universal-attributes-z-order.md) 28 - [图形变换](ts-universal-attributes-transformation.md) 29 - [图像效果](ts-universal-attributes-image-effect.md) 30 - [形状裁剪](ts-universal-attributes-sharp-clipping.md) 31 - [文本样式设置](ts-universal-attributes-text-style.md) 32 - [栅格设置](ts-universal-attributes-grid.md) 33 - [颜色渐变](ts-universal-attributes-gradient-color.md) 34 - [Popup控制](ts-universal-attributes-popup.md) 35 - [Menu控制](ts-universal-attributes-menu.md) 36 - [点击控制](ts-universal-attributes-click.md) 37 - [焦点控制](ts-universal-attributes-focus.md) 38 - [悬浮态效果](ts-universal-attributes-hover-effect.md) 39 - [组件标识](ts-universal-attributes-component-id.md) 40 - [触摸热区设置](ts-universal-attributes-touch-target.md) 41 - [多态样式](ts-universal-attributes-polymorphic-style.md) 42 - [触摸测试控制](ts-universal-attributes-hit-test-behavior.md) 43 - [背景模糊设置](ts-universal-attributes-backgroundBlurStyle.md) 44 - [分布式迁移标识](ts-universal-attributes-restoreId.md) 45 - 手势处理 46 - [绑定手势方法](ts-gesture-settings.md) 47 - 基础手势 48 - [TapGesture](ts-basic-gestures-tapgesture.md) 49 - [LongPressGesture](ts-basic-gestures-longpressgesture.md) 50 - [PanGesture](ts-basic-gestures-pangesture.md) 51 - [PinchGesture](ts-basic-gestures-pinchgesture.md) 52 - [RotationGesture](ts-basic-gestures-rotationgesture.md) 53 - [SwipeGesture](ts-basic-gestures-swipegesture.md) 54 - [组合手势](ts-combined-gestures.md) 55- 基础组件 56 - [AlphabetIndexer](ts-container-alphabet-indexer.md) 57 - [Blank](ts-basic-components-blank.md) 58 - [Button](ts-basic-components-button.md) 59 - [Checkbox](ts-basic-components-checkbox.md) 60 - [CheckboxGroup](ts-basic-components-checkboxgroup.md) 61 - [DataPanel](ts-basic-components-datapanel.md) 62 - [DatePicker](ts-basic-components-datepicker.md) 63 - [Divider](ts-basic-components-divider.md) 64 - [Formcomponent](ts-basic-components-formcomponent.md) 65 - [Gauge](ts-basic-components-gauge.md) 66 - [Image](ts-basic-components-image.md) 67 - [ImageAnimator](ts-basic-components-imageanimator.md) 68 - [LoadingProgress](ts-basic-components-loadingprogress.md) 69 - [Marquee](ts-basic-components-marquee.md) 70 - [Menu](ts-basic-components-menu.md) 71 - [MenuItem](ts-basic-components-menuitem.md) 72 - [MenuItemGroup](ts-basic-components-menuitemgroup.md) 73 - [Navigation](ts-basic-components-navigation.md) 74 - [NavRouter](ts-basic-components-navrouter.md) 75 - [NavDestination](ts-basic-components-navdestination.md) 76 - [PatternLock](ts-basic-components-patternlock.md) 77 - [PluginComponent](ts-basic-components-plugincomponent.md) 78 - [Progress](ts-basic-components-progress.md) 79 - [QRCode](ts-basic-components-qrcode.md) 80 - [Radio](ts-basic-components-radio.md) 81 - [Rating](ts-basic-components-rating.md) 82 - [RemoteWindow](ts-basic-components-remotewindow.md) 83 - [RichText](ts-basic-components-richtext.md) 84 - [ScrollBar](ts-basic-components-scrollbar.md) 85 - [Search](ts-basic-components-search.md) 86 - [Select](ts-basic-components-select.md) 87 - [Slider](ts-basic-components-slider.md) 88 - [Span](ts-basic-components-span.md) 89 - [Stepper](ts-basic-components-stepper.md) 90 - [StepperItem](ts-basic-components-stepperitem.md) 91 - [Text](ts-basic-components-text.md) 92 - [TextArea](ts-basic-components-textarea.md) 93 - [TextClock](ts-basic-components-textclock.md) 94 - [TextInput](ts-basic-components-textinput.md) 95 - [TextPicker](ts-basic-components-textpicker.md) 96 - [TextTimer](ts-basic-components-texttimer.md) 97 - [TimePicker](ts-basic-components-timepicker.md) 98 - [Toggle](ts-basic-components-toggle.md) 99 - [Web](ts-basic-components-web.md) 100 - [XComponent](ts-basic-components-xcomponent.md) 101- 容器组件 102 - [AbilityComponent](ts-container-ability-component.md) 103 - [Badge](ts-container-badge.md) 104 - [Column](ts-container-column.md) 105 - [ColumnSplit](ts-container-columnsplit.md) 106 - [Counter](ts-container-counter.md) 107 - [Flex](ts-container-flex.md) 108 - [GridCol](ts-container-gridcol.md) 109 - [GridRow](ts-container-gridrow.md) 110 - [Grid](ts-container-grid.md) 111 - [GridItem](ts-container-griditem.md) 112 - [List](ts-container-list.md) 113 - [ListItem](ts-container-listitem.md) 114 - [ListItemGroup](ts-container-listitemgroup.md) 115 - [Navigator](ts-container-navigator.md) 116 - [Panel](ts-container-panel.md) 117 - [Refresh](ts-container-refresh.md) 118 - [RelativeContainer](ts-container-relativecontainer.md) 119 - [Row](ts-container-row.md) 120 - [RowSplit](ts-container-rowsplit.md) 121 - [Scroll](ts-container-scroll.md) 122 - [SideBarContainer](ts-container-sidebarcontainer.md) 123 - [Stack](ts-container-stack.md) 124 - [Swiper](ts-container-swiper.md) 125 - [Tabs](ts-container-tabs.md) 126 - [TabContent](ts-container-tabcontent.md) 127 - [WaterFlow](ts-container-waterflow.md) 128- 媒体组件 129 - [Video](ts-media-components-video.md) 130- 绘制组件 131 - [Circle](ts-drawing-components-circle.md) 132 - [Ellipse](ts-drawing-components-ellipse.md) 133 - [Line](ts-drawing-components-line.md) 134 - [Polyline](ts-drawing-components-polyline.md) 135 - [Polygon](ts-drawing-components-polygon.md) 136 - [Path](ts-drawing-components-path.md) 137 - [Rect](ts-drawing-components-rect.md) 138 - [Shape](ts-drawing-components-shape.md) 139- 画布组件 140 - [Canvas](ts-components-canvas-canvas.md) 141 - [CanvasRenderingContext2D对象](ts-canvasrenderingcontext2d.md) 142 - [CanvasGradient对象](ts-components-canvas-canvasgradient.md) 143 - [ImageBitmap对象](ts-components-canvas-imagebitmap.md) 144 - [ImageData对象](ts-components-canvas-imagedata.md) 145 - [OffscreenCanvasRenderingContext2D对象](ts-offscreencanvasrenderingcontext2d.md) 146 - [Path2D对象](ts-components-canvas-path2d.md) 147 - [Lottie](ts-components-canvas-lottie.md) 148- 动画 149 - [属性动画](ts-animatorproperty.md) 150 - [显式动画](ts-explicit-animation.md) 151 - 转场动画 152 - [页面间转场](ts-page-transition-animation.md) 153 - [组件内转场](ts-transition-animation-component.md) 154 - [共享元素转场](ts-transition-animation-shared-elements.md) 155 - [路径动画](ts-motion-path-animation.md) 156- 全局UI方法 157 - 弹窗 158 - [警告弹窗](ts-methods-alert-dialog-box.md) 159 - [列表选择弹窗](ts-methods-action-sheet.md) 160 - [自定义弹窗](ts-methods-custom-dialog-box.md) 161 - [日期选择弹窗](ts-methods-datepicker-dialog.md) 162 - [时间选择弹窗](ts-methods-timepicker-dialog.md) 163 - [文本选择弹窗](ts-methods-textpicker-dialog.md) 164 - [菜单](ts-methods-menu.md) 165- [自定义组件的生命周期](ts-custom-component-lifecycle.md) 166- [应用级变量的状态管理](ts-state-management.md) 167- [像素单位](ts-pixel-units.md) 168- [枚举说明](ts-appendix-enums.md) 169- [类型说明](ts-types.md) 170- 已停止维护的组件 171 - [GridContainer](ts-container-gridcontainer.md) 172