• Home
Name Date Size #Lines LOC

..--

figures/12-May-2024-

public_sys-resources/12-May-2024-

Readme-CN.mdD12-May-20247.8 KiB145143

arkui-overview.mdD12-May-20243.9 KiB4321

js-framework-file.mdD12-May-20243 KiB8755

js-framework-js-file.mdD12-May-2024922 4637

js-framework-js-tag.mdD12-May-20243.4 KiB10584

js-framework-lifecycle.mdD12-May-20242.2 KiB4730

js-framework-multiple-languages.mdD12-May-20248.1 KiB186142

js-framework-resource-restriction.mdD12-May-20243.5 KiB9361

js-framework-syntax-css.mdD12-May-20248.1 KiB210153

js-framework-syntax-hml.mdD12-May-202410.5 KiB403338

js-framework-syntax-js.mdD12-May-20249.8 KiB300254

ts-application-states-apis-environment.mdD12-May-20242 KiB3322

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

ts-application-states-appstorage.mdD12-May-20245.6 KiB8658

ts-attribution-configuration.mdD12-May-20241.1 KiB4130

ts-child-component-configuration.mdD12-May-20241.1 KiB4841

ts-component-based-builder.mdD12-May-20244.4 KiB143128

ts-component-based-component.mdD12-May-20242.1 KiB9164

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

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

ts-component-based-extend.mdD12-May-2024623 3023

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

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

ts-component-creation-re-initialization.mdD12-May-20243.3 KiB9676

ts-component-states-link.mdD12-May-20243.6 KiB135107

ts-component-states-prop.mdD12-May-20242.6 KiB7054

ts-component-states-state.mdD12-May-20243.3 KiB10377

ts-configuration-with-mandatory-parameters.mdD12-May-2024952 3421

ts-custom-component-initialization.mdD12-May-20243.5 KiB11278

ts-custom-component-lifecycle-callbacks.mdD12-May-20242.3 KiB5642

ts-event-configuration.mdD12-May-2024798 3727

ts-framework-directory.mdD12-May-20241.2 KiB4019

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

ts-function-build.mdD12-May-2024480 159

ts-general-ui-concepts.mdD12-May-20241.7 KiB5036

ts-other-states-consume-provide.mdD12-May-20242 KiB7358

ts-other-states-observed-objectlink.mdD12-May-20245.3 KiB184151

ts-other-states-watch.mdD12-May-20241.2 KiB4633

ts-parameterless-configuration.mdD12-May-2024310 149

ts-performance-improvement-recommendation.mdD12-May-20247.8 KiB301257

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

ts-rending-control-syntax-foreach.mdD12-May-20244.9 KiB141119

ts-rending-control-syntax-if-else.mdD12-May-2024955 4533

ts-rending-control-syntax-lazyforeach.mdD12-May-20247.9 KiB192161

ts-resource-access.mdD12-May-20244.3 KiB155119

ts-syntactic-sugar.mdD12-May-20245.6 KiB198142

ts-syntax-intro.mdD12-May-2024767 159

ts-ui-state-mgmt-concepts.mdD12-May-20241.7 KiB3014

ui-js-animate-attribute-style.mdD12-May-20241.8 KiB9381

ui-js-animate-background-position-style.mdD12-May-20242 KiB9379

ui-js-animate-component.mdD12-May-20249.8 KiB475439

ui-js-animate-dynamic-effects.mdD12-May-20245.6 KiB239219

ui-js-animate-frame.mdD12-May-20244.7 KiB189172

ui-js-animate-svg.mdD12-May-20244 KiB10985

ui-js-animate-transform.mdD12-May-202413.2 KiB594543

ui-js-building-ui-animation.mdD12-May-20243.7 KiB163134

ui-js-building-ui-component.mdD12-May-20242.8 KiB4725

ui-js-building-ui-event.mdD12-May-20242.3 KiB10591

ui-js-building-ui-interactions.mdD12-May-20242.1 KiB8163

ui-js-building-ui-layout-comment.mdD12-May-20241.9 KiB8272

ui-js-building-ui-layout-external-container.mdD12-May-20241.9 KiB7156

ui-js-building-ui-layout-image.mdD12-May-2024614 3423

ui-js-building-ui-layout-intro.mdD12-May-20241.3 KiB3615

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

ui-js-building-ui-routes.mdD12-May-20242.5 KiB9566

ui-js-component-tabs.mdD12-May-20247.4 KiB322282

ui-js-components-button.mdD12-May-20245.8 KiB282240

ui-js-components-canvas.mdD12-May-20243 KiB150116

ui-js-components-canvasrenderingcontext2d.mdD12-May-202422.2 KiB831766

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

ui-js-components-dialog.mdD12-May-20247 KiB331293

ui-js-components-form.mdD12-May-20245.4 KiB220184

ui-js-components-grid.mdD12-May-20247.4 KiB256209

ui-js-components-image-animator.mdD12-May-20247.3 KiB343294

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

ui-js-components-input.mdD12-May-20246.6 KiB322274

ui-js-components-list.mdD12-May-20246.8 KiB317273

ui-js-components-marquee.mdD12-May-20245 KiB238199

ui-js-components-menu.mdD12-May-20245.9 KiB287244

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

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

ui-js-components-picker.mdD12-May-20247 KiB305259

ui-js-components-qrcode.mdD12-May-20243 KiB170129

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

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

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

ui-js-components-stepper.mdD12-May-20249.4 KiB411364

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

ui-js-components-svg-overview.mdD12-May-20241.9 KiB8862

ui-js-components-svg-path.mdD12-May-20242.2 KiB5142

ui-js-components-svg-text.mdD12-May-20241.7 KiB5438

ui-js-components-swiper.mdD12-May-20248.2 KiB373320

ui-js-components-switch.mdD12-May-20244.2 KiB194161

ui-js-components-text.mdD12-May-20246.6 KiB280229

ui-js-components-toolbar.mdD12-May-20245.9 KiB240186

ui-js-custom-components.mdD12-May-20242.9 KiB10991

ui-js-overview.mdD12-May-20243.2 KiB5626

ui-ts-basic-components-button.mdD12-May-20244.9 KiB191128

ui-ts-basic-resource-file-categories.mdD12-May-202410.9 KiB13286

ui-ts-building-category-grid-layout.mdD12-May-202410.6 KiB362320

ui-ts-building-category-list-layout.mdD12-May-20247.2 KiB253223

ui-ts-building-data-model.mdD12-May-20243.7 KiB9171

ui-ts-components-web.mdD12-May-20245.8 KiB201183

ui-ts-components.mdD12-May-20243.1 KiB7857

ui-ts-creating-project.mdD12-May-20242.6 KiB6645

ui-ts-creating-simple-page.mdD12-May-202416.9 KiB557475

ui-ts-layout-flex.mdD12-May-202412.5 KiB378282

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

ui-ts-layout-mediaquery.mdD12-May-20248.7 KiB157117

ui-ts-overview.mdD12-May-20245 KiB9242

ui-ts-page-redirection-data-transmission.mdD12-May-20248.3 KiB273232

Readme-CN.md

1# UI开发
2
3- [方舟开发框架(ArkUI)概述](arkui-overview.md)
4- UI开发(基于eTS的声明式开发范式)
5    - [概述](ui-ts-overview.md)
6    - 框架说明
7        - 文件组织
8            - [目录结构](ts-framework-directory.md)
9            - [应用代码文件访问规则](ts-framework-file-access-rules.md)
10        - 资源管理
11            - [资源文件的分类](ui-ts-basic-resource-file-categories.md)
12            - [资源访问](ts-resource-access.md)
13        - [像素单位](ts-pixel-units.md)
14    - 声明式语法
15        - [描述规范使用说明](ts-syntax-intro.md)
16        - 通用UI描述规范
17            - [基本概念](ts-general-ui-concepts.md)
18            - 声明式UI描述规范
19                - [无构造参数配置](ts-parameterless-configuration.md)
20                - [必选参数构造配置](ts-configuration-with-mandatory-parameters.md)
21                - [属性配置](ts-attribution-configuration.md)
22                - [事件配置](ts-event-configuration.md)
23                - [子组件配置](ts-child-component-configuration.md)
24            - 组件化
25                - [@Component](ts-component-based-component.md)
26                - [@Entry](ts-component-based-entry.md)
27                - [@Preview](ts-component-based-preview.md)
28                - [@Builder](ts-component-based-builder.md)
29                - [@Extend](ts-component-based-extend.md)
30                - [@CustomDialog](ts-component-based-customdialog.md)
31                - [@Styles](ts-component-based-styles.md)
32        - UI状态管理
33            - [基本概念](ts-ui-state-mgmt-concepts.md)
34            - 管理组件拥有的状态
35                - [@State](ts-component-states-state.md)
36                - [@Prop](ts-component-states-prop.md)
37                - [@Link](ts-component-states-link.md)
38            - 管理应用程序的状态
39                - [应用程序的数据存储](ts-application-states-appstorage.md)
40                - [持久化数据管理](ts-application-states-apis-persistentstorage.md)
41                - [环境变量](ts-application-states-apis-environment.md)
42            - 其他类目的状态管理
43                - [Observed和ObjectLink数据管理](ts-other-states-observed-objectlink.md)
44                - [@Consume和@Provide数据管理](ts-other-states-consume-provide.md)
45                - [@Watch](ts-other-states-watch.md)
46        - 渲染控制语法
47            - [条件渲染](ts-rending-control-syntax-if-else.md)
48            - [循环渲染](ts-rending-control-syntax-foreach.md)
49            - [数据懒加载](ts-rending-control-syntax-lazyforeach.md)
50        - 深入理解组件化
51            - [build函数](ts-function-build.md)
52            - [自定义组件初始化](ts-custom-component-initialization.md)
53            - [自定义组件生命周期回调函数](ts-custom-component-lifecycle-callbacks.md)
54            - [组件创建和重新初始化示例](ts-component-creation-re-initialization.md)
55        - [语法糖](ts-syntactic-sugar.md)
56    - 常见组件开发指导
57        - [Button开发指导](ui-ts-basic-components-button.md)
58        - [Web开发指导](ui-ts-components-web.md)
59    - 常见布局开发指导
60        - [弹性布局](ui-ts-layout-flex.md)
61        - [栅格布局](ui-ts-layout-grid-container.md)
62        - [媒体查询](ui-ts-layout-mediaquery.md)
63    - 体验声明式UI
64        - [创建声明式UI工程](ui-ts-creating-project.md)
65        - [初识Component](ui-ts-components.md)
66        - [创建简单视图](ui-ts-creating-simple-page.md)
67    - 页面布局与连接
68        - [构建食物数据模型](ui-ts-building-data-model.md)
69        - [构建食物列表List布局](ui-ts-building-category-list-layout.md)
70        - [构建食物分类Grid布局](ui-ts-building-category-grid-layout.md)
71        - [页面跳转与数据传递](ui-ts-page-redirection-data-transmission.md)
72    - [性能提升的推荐方案](ts-performance-improvement-recommendation.md)
73- UI开发(兼容JS的类Web开发范式)
74    - [概述](ui-js-overview.md)
75    - 框架说明
76        - [文件组织](js-framework-file.md)
77        - [js标签配置](js-framework-js-tag.md)
78        - [app.js](js-framework-js-file.md)
79        - 语法
80            - [HML语法参考](js-framework-syntax-hml.md)
81            - [CSS语法参考](js-framework-syntax-css.md)
82            - [JS语法参考](js-framework-syntax-js.md)
83        - [生命周期](js-framework-lifecycle.md)
84        - [资源限定与访问](js-framework-resource-restriction.md)
85        - [多语言支持](js-framework-multiple-languages.md)
86    - 构建用户界面
87        - [组件介绍](ui-js-building-ui-component.md)
88        - 构建布局
89            - [布局说明](ui-js-building-ui-layout-intro.md)
90            - [添加标题行和文本区域](ui-js-building-ui-layout-text.md)
91            - [添加图片区域](ui-js-building-ui-layout-image.md)
92            - [添加留言区域](ui-js-building-ui-layout-comment.md)
93            - [添加容器](ui-js-building-ui-layout-external-container.md)
94        - [添加交互](ui-js-building-ui-interactions.md)
95        - [动画](ui-js-building-ui-animation.md)
96        - [手势事件](ui-js-building-ui-event.md)
97        - [页面路由](ui-js-building-ui-routes.md)
98    - 常见组件开发指导
99        - 容器组件
100            - [List开发指导](ui-js-components-list.md)
101            - [Dialog开发指导](ui-js-components-dialog.md)
102            - [Form开发指导](ui-js-components-form.md)
103            - [Stepper开发指导](ui-js-components-stepper.md)
104            - [Tabs开发指导](ui-js-component-tabs.md)
105            - [Swiper开发指导](ui-js-components-swiper.md)
106        - 基础组件
107            - [Text开发指导](ui-js-components-text.md)
108            - [Input开发指导](ui-js-components-input.md)
109            - [Button开发指导](ui-js-components-button.md)
110            - [Picker开发指导](ui-js-components-picker.md)
111            - [Image开发指导](ui-js-components-images.md)
112            - [Image-animator开发指导](ui-js-components-image-animator.md)
113            - [Rating开发指导](ui-js-components-rating.md)
114            - [Slider开发指导](ui-js-components-slider.md)
115            - [Chart开发指导](ui-js-components-chart.md)
116            - [Switch开发指导](ui-js-components-switch.md)
117            - [Toolbar开发指导](ui-js-components-toolbar.md)
118            - [Menu开发指导](ui-js-components-menu.md)
119            - [Marquee开发指导](ui-js-components-marquee.md)
120            - [Qrcode开发指导](ui-js-components-qrcode.md)
121            - [Search开发指导](ui-js-components-search.md)
122        - Canvas开发指导
123            - [Canvas对象](ui-js-components-canvas.md)
124            - [CanvasRenderingContext2D对象](ui-js-components-canvasrenderingcontext2d.md)
125            - [Path2D对象](ui-js-components-path2d.md)
126            - [OffscreenCanvas对象](ui-js-components-offscreencanvas.md)
127        - [栅格布局](ui-js-components-grid.md)
128        - Svg开发指导
129            - [基础知识](ui-js-components-svg-overview.md)
130            - [绘制图形](ui-js-components-svg-graphics.md)
131            - [绘制路径](ui-js-components-svg-path.md)
132            - [绘制文本](ui-js-components-svg-text.md)
133    - 动效开发指导
134        - CSS动画
135            - [属性样式动画](ui-js-animate-attribute-style.md)
136            - [transform样式动画](ui-js-animate-transform.md)
137            - [background-position样式动画](ui-js-animate-background-position-style.md)
138            - [svg动画](ui-js-animate-svg.md)
139        - JS动画
140            - [组件动画](ui-js-animate-component.md)
141            - 插值器动画
142                - [动画动效](ui-js-animate-dynamic-effects.md)
143                - [动画帧](ui-js-animate-frame.md)
144    - [自定义组件](ui-js-custom-components.md)
145