• Home
Name Date Size #Lines LOC

..--

figures/12-May-2024-

public_sys-resources/12-May-2024-

Readme-EN.mdD12-May-20248.1 KiB172170

ts-animatorproperty.mdD12-May-20244.3 KiB7967

ts-appendix-enums.mdD12-May-202426.1 KiB516381

ts-basic-components-blank.mdD12-May-20243.1 KiB10071

ts-basic-components-button.mdD12-May-20246.7 KiB160122

ts-basic-components-checkbox.mdD12-May-20242.4 KiB7351

ts-basic-components-checkboxgroup.mdD12-May-20244.4 KiB11990

ts-basic-components-datapanel.mdD12-May-20243.2 KiB10170

ts-basic-components-datepicker.mdD12-May-20242.3 KiB8660

ts-basic-components-divider.mdD12-May-20243.7 KiB10182

ts-basic-components-formcomponent.mdD12-May-20246.3 KiB12597

ts-basic-components-gauge.mdD12-May-20243.7 KiB8962

ts-basic-components-image.mdD12-May-202420.8 KiB418356

ts-basic-components-imageanimator.mdD12-May-20246.3 KiB136112

ts-basic-components-loadingprogress.mdD12-May-20241 KiB4731

ts-basic-components-marquee.mdD12-May-20243.4 KiB10380

ts-basic-components-menu.mdD12-May-20242.7 KiB9679

ts-basic-components-menuitem.mdD12-May-20242.8 KiB5133

ts-basic-components-menuitemgroup.mdD12-May-20241.5 KiB3320

ts-basic-components-navdestination.mdD12-May-20242 KiB3520

ts-basic-components-navigation.mdD12-May-202410.1 KiB236191

ts-basic-components-navrouter.mdD12-May-20242.9 KiB8066

ts-basic-components-patternlock.mdD12-May-20245.9 KiB11892

ts-basic-components-plugincomponent.mdD12-May-202411.6 KiB335296

ts-basic-components-progress.mdD12-May-20247 KiB13098

ts-basic-components-qrcode.mdD12-May-20242 KiB6844

ts-basic-components-radio.mdD12-May-20242.6 KiB8665

ts-basic-components-rating.mdD12-May-20245.8 KiB141111

ts-basic-components-remotewindow.mdD12-May-20242.5 KiB7757

ts-basic-components-richtext.mdD12-May-20245.5 KiB11893

ts-basic-components-scrollbar.mdD12-May-20242.8 KiB8868

ts-basic-components-search.mdD12-May-20245.7 KiB11185

ts-basic-components-select.mdD12-May-20244 KiB7558

ts-basic-components-slider.mdD12-May-20249.8 KiB230198

ts-basic-components-span.mdD12-May-20243.7 KiB11986

ts-basic-components-stepper.mdD12-May-20244.8 KiB144117

ts-basic-components-stepperitem.mdD12-May-20241.4 KiB4224

ts-basic-components-text.mdD12-May-202411 KiB246211

ts-basic-components-textarea.mdD12-May-20246.1 KiB12087

ts-basic-components-textclock.mdD12-May-20244.5 KiB10174

ts-basic-components-textinput.mdD12-May-20249 KiB166130

ts-basic-components-textpicker.mdD12-May-20242.2 KiB6845

ts-basic-components-texttimer.mdD12-May-20243.2 KiB10371

ts-basic-components-timepicker.mdD12-May-20242.5 KiB8357

ts-basic-components-toggle.mdD12-May-20245 KiB12393

ts-basic-components-web.mdD12-May-2024133.7 KiB4,6903,505

ts-basic-components-xcomponent.mdD12-May-20246.1 KiB150101

ts-basic-gestures-longpressgesture.mdD12-May-20242.2 KiB6953

ts-basic-gestures-pangesture.mdD12-May-20245.1 KiB13299

ts-basic-gestures-pinchgesture.mdD12-May-20242.5 KiB7862

ts-basic-gestures-rotationgesture.mdD12-May-20242.3 KiB7357

ts-basic-gestures-swipegesture.mdD12-May-20242.2 KiB7356

ts-basic-gestures-tapgesture.mdD12-May-20241.9 KiB6044

ts-canvasrenderingcontext2d.mdD12-May-202492.4 KiB2,6732,079

ts-combined-gestures.mdD12-May-20243.8 KiB10686

ts-components-canvas-canvas.mdD12-May-20242 KiB6445

ts-components-canvas-canvasgradient.mdD12-May-20241.8 KiB6143

ts-components-canvas-imagebitmap.mdD12-May-20242 KiB7147

ts-components-canvas-imagedata.mdD12-May-20241.7 KiB5341

ts-components-canvas-lottie.mdD12-May-202424.3 KiB612396

ts-components-canvas-path2d.mdD12-May-202415.1 KiB498384

ts-components-summary.mdD12-May-202411.3 KiB303180

ts-container-ability-component.mdD12-May-20241.8 KiB7851

ts-container-alphabet-indexer.mdD12-May-20248.5 KiB166138

ts-container-badge.mdD12-May-20247 KiB213177

ts-container-column.mdD12-May-20243.8 KiB8966

ts-container-columnsplit.mdD12-May-20241.7 KiB6144

ts-container-counter.mdD12-May-20241.3 KiB6241

ts-container-flex.mdD12-May-202410.9 KiB293242

ts-container-flowitem.mdD12-May-2024561 3214

ts-container-grid.mdD12-May-202415.7 KiB200165

ts-container-gridcol.mdD12-May-20243.4 KiB5740

ts-container-gridcontainer.mdD12-May-20243.8 KiB12499

ts-container-griditem.mdD12-May-20242.7 KiB9169

ts-container-gridrow.mdD12-May-20247.1 KiB181133

ts-container-list.mdD12-May-202419.8 KiB221183

ts-container-listitem.mdD12-May-20245 KiB136108

ts-container-listitemgroup.mdD12-May-20244.5 KiB11491

ts-container-navigator.mdD12-May-20243.8 KiB11486

ts-container-panel.mdD12-May-20245 KiB10579

ts-container-refresh.mdD12-May-20243.7 KiB8361

ts-container-relativecontainer.mdD12-May-20243.9 KiB10180

ts-container-row.mdD12-May-20243.3 KiB8360

ts-container-rowsplit.mdD12-May-20241.7 KiB5843

ts-container-scroll.mdD12-May-202415.4 KiB304225

ts-container-sidebarcontainer.mdD12-May-20247.5 KiB135104

ts-container-stack.mdD12-May-20242.1 KiB5334

ts-container-swiper.mdD12-May-202410 KiB177130

ts-container-tabcontent.mdD12-May-202411 KiB336279

ts-container-tabs.mdD12-May-20247.5 KiB150110

ts-container-waterflow.mdD12-May-20249.8 KiB292224

ts-custom-component-lifecycle.mdD12-May-20247.5 KiB205136

ts-drawing-components-circle.mdD12-May-20243.8 KiB7253

ts-drawing-components-ellipse.mdD12-May-20243.4 KiB7152

ts-drawing-components-line.mdD12-May-20247.4 KiB209183

ts-drawing-components-path.mdD12-May-202410.5 KiB146124

ts-drawing-components-polygon.mdD12-May-20244.7 KiB8965

ts-drawing-components-polyline.mdD12-May-20244.6 KiB9168

ts-drawing-components-rect.mdD12-May-20245.7 KiB10180

ts-drawing-components-shape.mdD12-May-20249.2 KiB165140

ts-explicit-animation.mdD12-May-20243.9 KiB9481

ts-gesture-settings.mdD12-May-202410.7 KiB151125

ts-media-components-video.mdD12-May-202410 KiB246181

ts-methods-action-sheet.mdD12-May-20243.9 KiB9477

ts-methods-alert-dialog-box.mdD12-May-20245.9 KiB122109

ts-methods-custom-dialog-box.mdD12-May-20245.4 KiB142110

ts-methods-datepicker-dialog.mdD12-May-20243.1 KiB8471

ts-methods-menu.mdD12-May-20241.6 KiB5948

ts-methods-textpicker-dialog.mdD12-May-20242.6 KiB7056

ts-methods-timepicker-dialog.mdD12-May-20242.9 KiB7765

ts-motion-path-animation.mdD12-May-20242.1 KiB4231

ts-offscreencanvasrenderingcontext2d.mdD12-May-2024105.2 KiB2,8232,240

ts-page-transition-animation.mdD12-May-202410.4 KiB177146

ts-pixel-units.mdD12-May-20243.7 KiB7563

ts-state-management.mdD12-May-202422.8 KiB764493

ts-transition-animation-component.mdD12-May-20244.9 KiB8058

ts-transition-animation-shared-elements.mdD12-May-20243 KiB5844

ts-types.mdD12-May-202411.5 KiB221148

ts-universal-attributes-background.mdD12-May-20244.6 KiB8772

ts-universal-attributes-backgroundBlurStyle.mdD12-May-20241.4 KiB5242

ts-universal-attributes-border-image.mdD12-May-20244.2 KiB11897

ts-universal-attributes-border.mdD12-May-20245.8 KiB10785

ts-universal-attributes-click.mdD12-May-20241.4 KiB4937

ts-universal-attributes-component-id.mdD12-May-20249.7 KiB280214

ts-universal-attributes-enable.mdD12-May-20241.5 KiB3927

ts-universal-attributes-flex-layout.mdD12-May-20245.3 KiB10997

ts-universal-attributes-focus.mdD12-May-202411.3 KiB282239

ts-universal-attributes-gradient-color.mdD12-May-20245.9 KiB127111

ts-universal-attributes-grid.mdD12-May-20245.1 KiB11693

ts-universal-attributes-hit-test-behavior.mdD12-May-20243.5 KiB6754

ts-universal-attributes-hover-effect.mdD12-May-20241.8 KiB5948

ts-universal-attributes-image-effect.mdD12-May-202410.9 KiB139113

ts-universal-attributes-layout-constraints.mdD12-May-20244.6 KiB137118

ts-universal-attributes-location.mdD12-May-20249 KiB158143

ts-universal-attributes-menu.mdD12-May-20243.9 KiB148122

ts-universal-attributes-opacity.mdD12-May-20241.8 KiB4534

ts-universal-attributes-overlay.mdD12-May-20241.7 KiB4234

ts-universal-attributes-polymorphic-style.mdD12-May-20243.3 KiB126109

ts-universal-attributes-popup.mdD12-May-20247.7 KiB120103

ts-universal-attributes-restoreId.mdD12-May-20242.2 KiB5344

ts-universal-attributes-sharp-clipping.mdD12-May-20242.5 KiB5744

ts-universal-attributes-size.mdD12-May-20245.5 KiB7259

ts-universal-attributes-text-style.mdD12-May-20243 KiB6446

ts-universal-attributes-touch-target.mdD12-May-20244.2 KiB8060

ts-universal-attributes-transformation.mdD12-May-20244.3 KiB7157

ts-universal-attributes-visibility.mdD12-May-20241.8 KiB4433

ts-universal-attributes-z-order.mdD12-May-20241.5 KiB4936

ts-universal-component-area-change-event.mdD12-May-20241.5 KiB4535

ts-universal-component-visible-area-change-event.mdD12-May-20244.8 KiB11898

ts-universal-events-click.mdD12-May-20243.6 KiB7656

ts-universal-events-drag-drop.mdD12-May-202411.5 KiB275241

ts-universal-events-key.mdD12-May-20243 KiB6146

ts-universal-events-show-hide.mdD12-May-20242 KiB6048

ts-universal-events-touch.mdD12-May-20244.5 KiB9276

ts-universal-focus-event.mdD12-May-20242.6 KiB7867

ts-universal-mouse-key.mdD12-May-20245.1 KiB11799

Readme-EN.md

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