1# ArkTS-based Declarative Development Paradigm 2 3- [Component Overview](ts-components-summary.md) 4- Universal Component Information 5 - Universal Events 6 - [Click Event](ts-universal-events-click.md) 7 - [Touch Event](ts-universal-events-touch.md) 8 - [Show/Hide Event](ts-universal-events-show-hide.md) 9 - [Drag/Drop Event](ts-universal-events-drag-drop.md) 10 - [Key Event](ts-universal-events-key.md) 11 - [Focus Event](ts-universal-focus-event.md) 12 - [Mouse Event](ts-universal-mouse-key.md) 13 - [Component Area Change Event](ts-universal-component-area-change-event.md) 14 - [Visible Area Change Event](ts-universal-component-visible-area-change-event.md) 15 - Universal Attributes 16 - [Size](ts-universal-attributes-size.md) 17 - [Location](ts-universal-attributes-location.md) 18 - [Layout Constraints](ts-universal-attributes-layout-constraints.md) 19 - [Flex Layout](ts-universal-attributes-flex-layout.md) 20 - [Border](ts-universal-attributes-border.md) 21 - [Border Image](ts-universal-attributes-border-image.md) 22 - [Background](ts-universal-attributes-background.md) 23 - [Opacity](ts-universal-attributes-opacity.md) 24 - [Visibility](ts-universal-attributes-visibility.md) 25 - [Enable/Disable](ts-universal-attributes-enable.md) 26 - [Overlay](ts-universal-attributes-overlay.md) 27 - [Z-order Control](ts-universal-attributes-z-order.md) 28 - [Transformation](ts-universal-attributes-transformation.md) 29 - [Image Effect Configuration](ts-universal-attributes-image-effect.md) 30 - [Shape Clipping](ts-universal-attributes-sharp-clipping.md) 31 - [Text Style](ts-universal-attributes-text-style.md) 32 - [Grid](ts-universal-attributes-grid.md) 33 - [Gradient Color](ts-universal-attributes-gradient-color.md) 34 - [Popup Control](ts-universal-attributes-popup.md) 35 - [Menu Control](ts-universal-attributes-menu.md) 36 - [Click Control](ts-universal-attributes-click.md) 37 - [Focus Control](ts-universal-attributes-focus.md) 38 - [Hover Effect](ts-universal-attributes-hover-effect.md) 39 - [Component ID](ts-universal-attributes-component-id.md) 40 - [Touch Target](ts-universal-attributes-touch-target.md) 41 - [Polymorphic Style](ts-universal-attributes-polymorphic-style.md) 42 - [Hit Test Control](ts-universal-attributes-hit-test-behavior.md) 43 - [Background Blur](ts-universal-attributes-backgroundBlurStyle.md) 44 - [restoreId](ts-universal-attributes-restoreId.md) 45 - Gesture Processing 46 - [Gesture Binding Methods](ts-gesture-settings.md) 47 - Basic Gestures 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 - [Combined Gestures](ts-combined-gestures.md) 55- Basic Components 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- Container Components 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- Media Components 129 - [Video](ts-media-components-video.md) 130- Drawing Components 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- Canvas Components 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- Animation 149 - [AnimatorProperty](ts-animatorproperty.md) 150 - [Explicit Animatio](ts-explicit-animation.md) 151 - Transition Animation 152 - [Page Transition](ts-page-transition-animation.md) 153 - [Component Transition](ts-transition-animation-component.md) 154 - [Transition of Shared Elements](ts-transition-animation-shared-elements.md) 155 - [Motion Path Animation](ts-motion-path-animation.md) 156- Global UI Methods 157 - Pop-up Window 158 - [Alert Dialog Box](ts-methods-alert-dialog-box.md) 159 - [Action Sheet](ts-methods-action-sheet.md) 160 - [Custom Dialog Box](ts-methods-custom-dialog-box.md) 161 - [Date Picker Dialog Box](ts-methods-datepicker-dialog.md) 162 - [Time Picker Dialog Box](ts-methods-timepicker-dialog.md) 163 - [Text Picker Dialog Box](ts-methods-textpicker-dialog.md) 164 - [Menu](ts-methods-menu.md) 165- [Custom Component Lifecycle](ts-custom-component-lifecycle.md) 166- [State Management with Application-level Variables](ts-state-management.md) 167- [Pixel Units](ts-pixel-units.md) 168- [Enums](ts-appendix-enums.md) 169- [Types](ts-types.md) 170- Components No Longer Maintained 171 - [GridContainer](ts-container-gridcontainer.md) 172