• Home
Name Date Size #Lines LOC

..--

figures/12-May-2024-

public_sys-resources/12-May-2024-

Readme-EN.mdD12-May-20248.3 KiB148144

arkui-overview.mdD12-May-20244.1 KiB3721

js-framework-file.mdD12-May-20243.5 KiB7048

js-framework-js-file.mdD12-May-20241,005 5037

js-framework-js-tag.mdD12-May-20243.9 KiB10681

js-framework-lifecycle.mdD12-May-20242.4 KiB4630

js-framework-multiple-languages.mdD12-May-20248.7 KiB195143

js-framework-resource-restriction.mdD12-May-20243.8 KiB9661

js-framework-syntax-css.mdD12-May-20249 KiB212155

js-framework-syntax-hml.mdD12-May-202410.9 KiB428344

js-framework-syntax-js.mdD12-May-202410.2 KiB306254

ts-application-states-apis-environment.mdD12-May-20242.3 KiB3622

ts-application-states-apis-persistentstorage.mdD12-May-20242.2 KiB4837

ts-application-states-appstorage.mdD12-May-20246.7 KiB9059

ts-attribution-configuration.mdD12-May-20241.3 KiB4227

ts-child-component-configuration.mdD12-May-20241.3 KiB5041

ts-component-based-builder.mdD12-May-20245.1 KiB146131

ts-component-based-component.mdD12-May-20242.4 KiB8863

ts-component-based-customdialog.mdD12-May-20241 KiB5242

ts-component-based-entry.mdD12-May-2024836 3627

ts-component-based-extend.mdD12-May-2024680 2622

ts-component-based-preview.mdD12-May-20241.2 KiB6151

ts-component-based-styles.mdD12-May-20241.6 KiB7360

ts-component-creation-re-initialization.mdD12-May-20243.6 KiB9775

ts-component-states-link.mdD12-May-20244.2 KiB140108

ts-component-states-prop.mdD12-May-20243.1 KiB7355

ts-component-states-state.mdD12-May-20243.7 KiB10879

ts-configuration-with-mandatory-parameters.mdD12-May-20241.1 KiB3521

ts-custom-component-initialization.mdD12-May-20244.2 KiB11678

ts-custom-component-lifecycle-callbacks.mdD12-May-20242.8 KiB5842

ts-event-configuration.mdD12-May-2024948 4127

ts-framework-directory.mdD12-May-20241.3 KiB3819

ts-framework-file-access-rules.mdD12-May-20241.5 KiB6955

ts-framework-js-tag.mdD12-May-20243.2 KiB10679

ts-function-build.mdD12-May-2024579 179

ts-general-ui-concepts.mdD12-May-20242.1 KiB5236

ts-other-states-consume-provide.mdD12-May-20242.3 KiB7758

ts-other-states-observed-objectlink.mdD12-May-20245.2 KiB182146

ts-other-states-watch.mdD12-May-20241.3 KiB4933

ts-parameterless-configuration.mdD12-May-2024389 139

ts-performance-improvement-recommendation.mdD12-May-20248.2 KiB304257

ts-pixel-units.mdD12-May-20242.9 KiB7662

ts-rending-control-syntax-foreach.mdD12-May-20245.3 KiB147121

ts-rending-control-syntax-if-else.mdD12-May-20241.1 KiB4833

ts-rending-control-syntax-lazyforeach.mdD12-May-20248 KiB193159

ts-resource-access.mdD12-May-20244.5 KiB149116

ts-syntactic-sugar.mdD12-May-20247.5 KiB196143

ts-syntax-intro.mdD12-May-2024892 179

ts-ui-state-mgmt-concepts.mdD12-May-20241.9 KiB2812

ui-js-animate-attribute-style.mdD12-May-20242 KiB9081

ui-js-animate-background-position-style.mdD12-May-20242.2 KiB9181

ui-js-animate-component.mdD12-May-202410.2 KiB485433

ui-js-animate-dynamic-effects.mdD12-May-20246.2 KiB249222

ui-js-animate-frame.mdD12-May-20244.9 KiB196172

ui-js-animate-svg.mdD12-May-20244.2 KiB10586

ui-js-animate-transform.mdD12-May-202413.1 KiB580538

ui-js-building-ui-animation.mdD12-May-20243.9 KiB169134

ui-js-building-ui-component.mdD12-May-20241.4 KiB2213

ui-js-building-ui-event.mdD12-May-20242.4 KiB10388

ui-js-building-ui-interactions.mdD12-May-20242.4 KiB7863

ui-js-building-ui-layout-comment.mdD12-May-20242 KiB8472

ui-js-building-ui-layout-external-container.mdD12-May-20242.2 KiB7756

ui-js-building-ui-layout-image.mdD12-May-2024827 3123

ui-js-building-ui-layout-intro.mdD12-May-20241.4 KiB3315

ui-js-building-ui-layout-text.mdD12-May-20241.5 KiB5142

ui-js-building-ui-routes.mdD12-May-20242.7 KiB8863

ui-js-component-tabs.mdD12-May-20247.6 KiB316279

ui-js-components-button.mdD12-May-20245.7 KiB284242

ui-js-components-canvas.mdD12-May-20242.8 KiB142111

ui-js-components-canvasrenderingcontext2d.mdD12-May-202423 KiB828763

ui-js-components-chart.mdD12-May-202412.9 KiB618560

ui-js-components-dialog.mdD12-May-20246.9 KiB331289

ui-js-components-form.mdD12-May-20245.5 KiB224185

ui-js-components-grid.mdD12-May-20247.5 KiB249207

ui-js-components-image-animator.mdD12-May-20247.4 KiB337292

ui-js-components-images.mdD12-May-20244.5 KiB206176

ui-js-components-input.mdD12-May-20246.9 KiB337278

ui-js-components-list.mdD12-May-20246.9 KiB321270

ui-js-components-marquee.mdD12-May-20245.1 KiB239200

ui-js-components-menu.mdD12-May-20246 KiB281241

ui-js-components-offscreencanvas.mdD12-May-20245.2 KiB189171

ui-js-components-path2d.mdD12-May-20245.1 KiB200178

ui-js-components-picker.mdD12-May-20246.8 KiB298256

ui-js-components-qrcode.mdD12-May-20243.1 KiB171130

ui-js-components-rating.mdD12-May-20245.9 KiB258208

ui-js-components-search.mdD12-May-20245.9 KiB261214

ui-js-components-slider.mdD12-May-20244.3 KiB216167

ui-js-components-stepper.mdD12-May-20249.7 KiB414362

ui-js-components-svg-graphics.mdD12-May-20241.4 KiB4232

ui-js-components-svg-overview.mdD12-May-20242 KiB8462

ui-js-components-svg-path.mdD12-May-20242.7 KiB5845

ui-js-components-svg-text.mdD12-May-20241.8 KiB5539

ui-js-components-swiper.mdD12-May-20248.5 KiB371319

ui-js-components-switch.mdD12-May-20244.5 KiB195162

ui-js-components-text.mdD12-May-20246.8 KiB289232

ui-js-components-toolbar.mdD12-May-20246.2 KiB230180

ui-js-custom-components.mdD12-May-20242.8 KiB10387

ui-js-overview.mdD12-May-20241.8 KiB3114

ui-ts-basic-components-button.mdD12-May-20245.2 KiB195128

ui-ts-basic-resource-file-categories.mdD12-May-202412.2 KiB12885

ui-ts-building-category-grid-layout.mdD12-May-202411.3 KiB374320

ui-ts-building-category-list-layout.mdD12-May-20247.6 KiB262223

ui-ts-building-data-model.mdD12-May-20242.8 KiB8162

ui-ts-components-web.mdD12-May-20246 KiB196180

ui-ts-components.mdD12-May-20243.5 KiB8357

ui-ts-creating-project.mdD12-May-20243 KiB6744

ui-ts-creating-simple-page.mdD12-May-202417.7 KiB561472

ui-ts-layout-flex.mdD12-May-202414.3 KiB371279

ui-ts-layout-grid-container.mdD12-May-20247 KiB153112

ui-ts-layout-mediaquery.mdD12-May-20249.8 KiB156117

ui-ts-overview.mdD12-May-20243 KiB5825

ui-ts-page-redirection-data-transmission.mdD12-May-20248.4 KiB275228

Readme-EN.md

1# UI Development
2
3- [ArkUI Overview](arkui-overview.md)
4- UI Development with eTS-based Declarative Development Paradigm
5    - [Overview](ui-ts-overview.md)
6    - Framework Overview
7        - File Organization
8            - [Directory Structure](ts-framework-directory.md)
9            - [Rules for Accessing Application Code Files](ts-framework-file-access-rules.md)
10        - ["js" Tag](ts-framework-js-tag.md)
11        - Resource Management
12            - [Resource File Categories](ui-ts-basic-resource-file-categories.md)
13            - [Resource Access](ts-resource-access.md)
14        - [Pixel Units](ts-pixel-units.md)
15    - Declarative Syntax
16        - [Overview](ts-syntax-intro.md)
17        - General UI Description Specifications
18            - [Basic Concepts](ts-general-ui-concepts.md)
19            - Declarative UI Description Specifications
20                - [Configuration Without Parameters](ts-parameterless-configuration.md)
21                - [Configuration with Mandatory Parameters](ts-configuration-with-mandatory-parameters.md)
22
23            - [Attribute Configuration](ts-attribution-configuration.md)
24                - [Event Configuration](ts-event-configuration.md)
25                - [Child Component Configuration](ts-child-component-configuration.md)
26            - Componentization
27                - [@Component](ts-component-based-component.md)
28                - [@Entry](ts-component-based-entry.md)
29                - [@Preview](ts-component-based-preview.md)
30                - [@Builder](ts-component-based-builder.md)
31                - [@Extend](ts-component-based-extend.md)
32                - [@CustomDialog](ts-component-based-customdialog.md)
33                - [@Styles](ts-component-based-styles.md)
34        - About UI State Management
35            - [Basic Concepts](ts-ui-state-mgmt-concepts.md)
36            - Managing Component States
37                - [@State](ts-component-states-state.md)
38                - [@Prop](ts-component-states-prop.md)
39                - [@Link](ts-component-states-link.md)
40            - Managing Application States
41                - [AppStorage](ts-application-states-appstorage.md)
42                - [PersistentStorage](ts-application-states-apis-persistentstorage.md)
43                - [Environment](ts-application-states-apis-environment.md)
44            - Managing Other States
45                - [@Observed and @ObjectLink](ts-other-states-observed-objectlink.md)
46                - [@Consume and @Provide](ts-other-states-consume-provide.md)
47                - [@Watch](ts-other-states-watch.md)
48            - About Rendering Control Syntax
49                - [if/else](ts-rending-control-syntax-if-else.md)
50                - [ForEach](ts-rending-control-syntax-foreach.md)
51                - [LazyForEach](ts-rending-control-syntax-lazyforeach.md)
52        - About @Component
53            - [build Function](ts-function-build.md)
54            - [Initialization of Custom Components' Member Variables](ts-custom-component-initialization.md)
55            - [Custom Component Lifecycle Callbacks](ts-custom-component-lifecycle-callbacks.md)
56            - [Component Creation and Re-initialization](ts-component-creation-re-initialization.md)
57        - [About Syntactic Sugar](ts-syntactic-sugar.md)
58    - Common Component Development Guidelines
59        - [Button](ui-ts-basic-components-button.md)
60        - [Web](ui-ts-components-web.md)
61    - Common Layout Development Guidelines
62        - [Flex Layout](ui-ts-layout-flex.md)
63        - [Grid Layout](ui-ts-layout-grid-container.md)
64        - [Media Query](ui-ts-layout-mediaquery.md)
65    - Experiencing the Declarative UI
66        - [Creating a Declarative UI Project](ui-ts-creating-project.md)
67        - [Getting to Know Components](ui-ts-components.md)
68        - [Creating a Simple Page](ui-ts-creating-simple-page.md)
69    - Defining Page Layout and Connection
70        - [Building a Food Data Model](ui-ts-building-data-model.md)
71        - [Building a Food Category List Layout](ui-ts-building-category-list-layout.md)
72        - [Building a Food Category Grid Layout](ui-ts-building-category-grid-layout.md)
73        - [Implementing Page Redirection and Data Transmission](ui-ts-page-redirection-data-transmission.md)
74    - [Recommendations for Improving Performance](ts-performance-improvement-recommendation.md)
75
76- UI Development with JavaScript-compatible Web-like Development Paradig
77    - [Overview](ui-js-overview.md)
78    - Framework
79        - [File Organization](js-framework-file.md)
80        - ["js" Tag](js-framework-js-tag.md)
81        - [app.js](js-framework-js-file.md)
82        - Syntax
83            - [HML](js-framework-syntax-hml.md)
84            - [CSS](js-framework-syntax-css.md)
85            - [JavaScript](js-framework-syntax-js.md)
86        - [Lifecycle](js-framework-lifecycle.md)
87        - [Resource Limitations and Access](js-framework-resource-restriction.md)
88        - [Multi-Language Capability](js-framework-multiple-languages.md)
89    - Building the UI
90        - [Component Overview](ui-js-building-ui-component.md)
91        - Building the Layout
92            - [Layout Description](ui-js-building-ui-layout-intro.md)
93            - [Adding Title and Paragraph Text](ui-js-building-ui-layout-text.md)
94            - [Adding an Image](ui-js-building-ui-layout-image.md)
95            - [Adding a Comment](ui-js-building-ui-layout-comment.md)
96            - [Adding a Container](ui-js-building-ui-layout-external-container.md)
97        - [Adding Interactions](ui-js-building-ui-interactions.md)
98        - [Developing Animations](ui-js-building-ui-animation.md)
99        - [Defining Gesture Events](ui-js-building-ui-event.md)
100        - [Defining Page Routes](ui-js-building-ui-routes.md)
101    - Common Component Development Guidelines
102        - Container Component Development
103            - [List Development](ui-js-components-list.md)
104            - [Dialog Development](ui-js-components-dialog.md)
105            - [Form Development](ui-js-components-form.md)
106            - [Stepper Development](ui-js-components-stepper.md)
107            - [Tabs Development](ui-js-component-tabs.md)
108            - [Swiper Development](ui-js-components-swiper.md)
109        - Basic Component Development
110            - [Text Development](ui-js-components-text.md)
111            - [Input Development](ui-js-components-input.md)
112            - [Button Development](ui-js-components-button.md)
113            - [Picker Development](ui-js-components-picker.md)
114            - [Image Development](ui-js-components-images.md)
115            - [Image-animator Development](ui-js-components-image-animator.md)
116            - [Rating Development](ui-js-components-rating.md)
117            - [Slider Development](ui-js-components-slider.md)
118            - [Chart Development](ui-js-components-chart.md)
119            - [Switch Development](ui-js-components-switch.md)
120            - [Toolbar Development](ui-js-components-toolbar.md)
121            - [Menu Development](ui-js-components-menu.md)
122            - [Marquee Development](ui-js-components-marquee.md)
123            - [Qrcode Development](ui-js-components-qrcode.md)
124            - [Search Development](ui-js-components-search.md)
125        - Canvas Development
126            - [Canvas](ui-js-components-canvas.md)
127            - [CanvasRenderingContext2D](ui-js-components-canvasrenderingcontext2d.md)
128            - [Path2D](ui-js-components-path2d.md)
129            - [OffscreenCanvas](ui-js-components-offscreencanvas.md)
130        - [Grid Container Development](ui-js-components-grid.md)
131        - SVG Development
132            - [Basics](ui-js-components-svg-overview.md)
133            - [Graph Drawing](ui-js-components-svg-graphics.md)
134            - [Path Drawing](ui-js-components-svg-path.md)
135            - [Text Drawing](ui-js-components-svg-text.md)
136    - Animation Development Guidelines
137        - CSS Animation
138            - [Defining Attribute Style Animations](ui-js-animate-attribute-style.md)
139            - [Defining Animations with the transform Attribute](ui-js-animate-transform.md)
140            - [Defining Animations with the background-position Attribute](ui-js-animate-background-position-style.md)
141            - [Defining Animations for SVG Components](ui-js-animate-svg.md)
142        - JS Animation
143            - [Component Animation](ui-js-animate-component.md)
144            - Interpolator Animation
145                - [Animation Effect](ui-js-animate-dynamic-effects.md)
146                - [Animation Frame](ui-js-animate-frame.md)
147    - [Custom Components](ui-js-custom-components.md)
148