• Home
Name
Date
Size
#Lines
LOC

..--

figures/12-May-2024-

public_sys-resources/12-May-2024-

Readme-CN.mdD12-May-20247.4 KiB146144

arkts-animation-smoothing.mdD12-May-20247.2 KiB198169

arkts-animation.mdD12-May-20244.1 KiB4924

arkts-attribute-animation-apis.mdD12-May-20248.5 KiB182153

arkts-attribute-animation-overview.mdD12-May-20243.3 KiB4323

arkts-blur-effect.mdD12-May-202416.9 KiB625558

arkts-color-effect.mdD12-May-20249.1 KiB330301

arkts-common-components-button.mdD12-May-20247.2 KiB276201

arkts-common-components-custom-dialog.mdD12-May-20245 KiB194155

arkts-common-components-progress-indicator.mdD12-May-20244.8 KiB13692

arkts-common-components-radio-button.mdD12-May-20242.9 KiB11286

arkts-common-components-switch.mdD12-May-20243.9 KiB156111

arkts-common-components-text-display.mdD12-May-202411.7 KiB430347

arkts-common-components-text-input.mdD12-May-20243.9 KiB15294

arkts-common-components-video-player.mdD12-May-20248.5 KiB280223

arkts-common-components-xcomponent.mdD12-May-202410.2 KiB310216

arkts-common-events-device-input-event.mdD12-May-202416 KiB442313

arkts-common-events-focus-event.mdD12-May-202443 KiB1,139884

arkts-common-events-touch-screen-event.mdD12-May-202410.5 KiB326259

arkts-component-animation.mdD12-May-202412.4 KiB367315

arkts-curve-overview.mdD12-May-2024756 53

arkts-custom-attribute-animation.mdD12-May-20247.7 KiB258213

arkts-drawing-customization-on-canvas.mdD12-May-202414.7 KiB355284

arkts-enter-exit-transition.mdD12-May-20246.4 KiB138112

arkts-event-overview.mdD12-May-20241.3 KiB2411

arkts-geometric-shape-drawing.mdD12-May-20248.9 KiB317253

arkts-gesture-events-binding.mdD12-May-20243.4 KiB12694

arkts-gesture-events-combined-gestures.mdD12-May-20247.2 KiB207161

arkts-gesture-events-single-gesture.mdD12-May-202411.4 KiB396291

arkts-graphics-display.mdD12-May-202417.3 KiB572451

arkts-layout-development-create-grid.mdD12-May-202411.7 KiB328217

arkts-layout-development-create-list.mdD12-May-202432.8 KiB946684

arkts-layout-development-create-looping.mdD12-May-20247.4 KiB319247

arkts-layout-development-flex-layout.mdD12-May-202421.6 KiB645469

arkts-layout-development-grid-layout.mdD12-May-202417 KiB502372

arkts-layout-development-linear.mdD12-May-202420.9 KiB634441

arkts-layout-development-media-query.mdD12-May-202412.2 KiB261188

arkts-layout-development-overview.mdD12-May-20249.5 KiB8950

arkts-layout-development-relative-layout.mdD12-May-20245.4 KiB161118

arkts-layout-development-stack-layout.mdD12-May-20244.5 KiB13994

arkts-modal-transition.mdD12-May-202413.6 KiB477396

arkts-navigation-navigation.mdD12-May-20246.3 KiB203146

arkts-navigation-tabs.mdD12-May-202411 KiB393245

arkts-navigation-transition.mdD12-May-20244.8 KiB137116

arkts-page-transition-animation.mdD12-May-202415.4 KiB364280

arkts-popup-and-menu-components-menu.mdD12-May-20243.1 KiB11886

arkts-popup-and-menu-components-popup.mdD12-May-20244.7 KiB159123

arkts-routing.mdD12-May-202416.5 KiB427320

arkts-shadow-effect.mdD12-May-20241.3 KiB4939

arkts-shared-element-transition.mdD12-May-202421.6 KiB697604

arkts-spring-curve.mdD12-May-20246.4 KiB163124

arkts-traditional-curve.mdD12-May-20243.2 KiB10995

arkts-transition-overview.mdD12-May-20241.8 KiB2411

arkts-ui-development-overview.mdD12-May-20247.7 KiB9955

arkui-overview.mdD12-May-20243.3 KiB4724

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

js-framework-js-file.mdD12-May-20241,006 4637

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

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

js-framework-multiple-languages.mdD12-May-20248.2 KiB187142

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

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

js-framework-syntax-hml.mdD12-May-202410.7 KiB405341

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

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

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

ui-js-animate-component.mdD12-May-20244.4 KiB222196

ui-js-animate-dynamic-effects.mdD12-May-20245.5 KiB236217

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

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

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

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

ui-js-building-ui-component.mdD12-May-20242.1 KiB3620

ui-js-building-ui-event.mdD12-May-20242.4 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-2024625 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.6 KiB9566

ui-js-component-tabs.mdD12-May-20246.1 KiB271239

ui-js-components-button.mdD12-May-20245.6 KiB283241

ui-js-components-canvas.mdD12-May-20243.1 KiB154118

ui-js-components-canvasrenderingcontext2d.mdD12-May-202422 KiB833764

ui-js-components-chart.mdD12-May-202412.8 KiB628566

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

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

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

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

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

ui-js-components-input.mdD12-May-20246.5 KiB321277

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

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

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

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

ui-js-components-path2d.mdD12-May-20245.2 KiB207180

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

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

ui-js-components-rating.mdD12-May-20245.8 KiB265213

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

ui-js-components-slider.mdD12-May-20244.5 KiB224172

ui-js-components-stepper.mdD12-May-20249.5 KiB410365

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

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

ui-js-components-svg-path.mdD12-May-20242.1 KiB5445

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

ui-js-components-swiper.mdD12-May-20248.3 KiB376322

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 KiB233179

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

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

Readme-CN.md

1# UI开发
2
3- [方舟开发框架(ArkUI)概述](arkui-overview.md)
4- UI开发(ArkTS声明式开发范式)
5  - [UI开发(ArkTS声明式开发范式)概述](arkts-ui-development-overview.md)
6  - 开发布局
7    - [布局概述](arkts-layout-development-overview.md)
8    - 构建布局
9      - [线性布局(Row/Column)](arkts-layout-development-linear.md)
10      - [层叠布局(Stack)](arkts-layout-development-stack-layout.md)
11      - [弹性布局(Flex)](arkts-layout-development-flex-layout.md)
12      - [相对布局(RelativeContainer)](arkts-layout-development-relative-layout.md)
13      - [栅格布局(GridRow/GridCol)](arkts-layout-development-grid-layout.md)
14      - [媒体查询(mediaquery)](arkts-layout-development-media-query.md)
15      - [创建列表(List)](arkts-layout-development-create-list.md)
16      - [创建网格(Grid/GridItem)](arkts-layout-development-create-grid.md)
17      - [创建轮播(Swiper)](arkts-layout-development-create-looping.md)
18  - 添加组件
19    - 添加常用组件
20      - [按钮(Button)](arkts-common-components-button.md)
21      - [单选框(Radio)](arkts-common-components-radio-button.md)
22      - [切换按钮(Toggle)](arkts-common-components-switch.md)
23      - [进度条(Progress)](arkts-common-components-progress-indicator.md)
24      - [文本显示(Text/Span)](arkts-common-components-text-display.md)
25      - [文本输入(TextInput/TextArea)](arkts-common-components-text-input.md)
26      - [自定义弹窗(CustomDialog)](arkts-common-components-custom-dialog.md)
27      - [视频播放(Video)](arkts-common-components-video-player.md)
28      - [XComponent](arkts-common-components-xcomponent.md)
29    - 添加气泡和菜单
30      - [气泡提示(Popup)](arkts-popup-and-menu-components-popup.md)
31      - [菜单(Menu)](arkts-popup-and-menu-components-menu.md)
32  - 设置页面路由和组件导航
33    - [页面路由(router)](arkts-routing.md)
34    - 组件导航
35      - [Navigation](arkts-navigation-navigation.md)
36      - [Tabs](arkts-navigation-tabs.md)
37  - 显示图形
38    - [显示图片(Image)](arkts-graphics-display.md)
39    - [绘制几何图形(Shape)](arkts-geometric-shape-drawing.md)
40    - [使用画布绘制自定义图形(Canvas)](arkts-drawing-customization-on-canvas.md)
41  - 使用动画
42    - [动画概述](arkts-animation.md)
43    - 属性动画
44      - [属性动画概述](arkts-attribute-animation-overview.md)
45      - [属性动画接口说明](arkts-attribute-animation-apis.md)
46      - [自定义属性动画](arkts-custom-attribute-animation.md)
47    - 转场动画
48      - [转场动画概述](arkts-transition-overview.md)
49      - [出现/消失转场](arkts-enter-exit-transition.md)
50      - [导航转场](arkts-navigation-transition.md)
51      - [模态转场](arkts-modal-transition.md)
52      - [共享元素转场](arkts-shared-element-transition.md)
53      - [页面转场动画(不推荐)](arkts-page-transition-animation.md)
54    - [组件动画](arkts-component-animation.md)
55    - 动画曲线
56      - [动画曲线概述](arkts-curve-overview.md)
57      - [传统曲线](arkts-traditional-curve.md)
58      - [弹簧曲线](arkts-spring-curve.md)
59    - [动画衔接](arkts-animation-smoothing.md)
60    - 动画效果
61      - [模糊](arkts-blur-effect.md)
62      - [阴影](arkts-shadow-effect.md)
63      - [色彩](arkts-color-effect.md)
64  - 支持交互事件
65    - [交互事件概述](arkts-event-overview.md)
66    - 使用通用事件
67      - [触屏事件](arkts-common-events-touch-screen-event.md)
68      - [键鼠事件](arkts-common-events-device-input-event.md)
69      - [焦点事件](arkts-common-events-focus-event.md)
70    - 使用手势事件
71      - [绑定手势方法](arkts-gesture-events-binding.md)
72      - [单一手势](arkts-gesture-events-single-gesture.md)
73      - [组合手势](arkts-gesture-events-combined-gestures.md)
74- UI开发(兼容JS的类Web开发范式)
75  - [UI开发(兼容JS的类Web开发范式)概述](ui-js-overview.md)
76  - 框架说明
77    - [文件组织](js-framework-file.md)
78    - [js标签配置](js-framework-js-tag.md)
79    - [app.js](js-framework-js-file.md)
80    - 语法
81      - [HML语法参考](js-framework-syntax-hml.md)
82      - [CSS语法参考](js-framework-syntax-css.md)
83      - [JS语法参考](js-framework-syntax-js.md)
84    - [生命周期](js-framework-lifecycle.md)
85    - [资源限定与访问](js-framework-resource-restriction.md)
86    - [多语言支持](js-framework-multiple-languages.md)
87  - 构建用户界面
88    - [组件介绍](ui-js-building-ui-component.md)
89    - 构建布局
90      - [布局说明](ui-js-building-ui-layout-intro.md)
91      - [添加标题行和文本区域](ui-js-building-ui-layout-text.md)
92      - [添加图片区域](ui-js-building-ui-layout-image.md)
93      - [添加留言区域](ui-js-building-ui-layout-comment.md)
94      - [添加容器](ui-js-building-ui-layout-external-container.md)
95    - [添加交互](ui-js-building-ui-interactions.md)
96    - [动画](ui-js-building-ui-animation.md)
97    - [手势事件](ui-js-building-ui-event.md)
98    - [页面路由](ui-js-building-ui-routes.md)
99  - 常见组件开发指导
100    - 容器组件
101      - [list开发指导](ui-js-components-list.md)
102      - [dialog开发指导](ui-js-components-dialog.md)
103      - [form开发指导](ui-js-components-form.md)
104      - [stepper开发指导](ui-js-components-stepper.md)
105      - [tabs开发指导](ui-js-component-tabs.md)
106      - [swiper开发指导](ui-js-components-swiper.md)
107    - 基础组件
108      - [text开发指导](ui-js-components-text.md)
109      - [input开发指导](ui-js-components-input.md)
110      - [button开发指导](ui-js-components-button.md)
111      - [picker开发指导](ui-js-components-picker.md)
112      - [image开发指导](ui-js-components-images.md)
113      - [image-animator开发指导](ui-js-components-image-animator.md)
114      - [rating开发指导](ui-js-components-rating.md)
115      - [slider开发指导](ui-js-components-slider.md)
116      - [chart开发指导](ui-js-components-chart.md)
117      - [switch开发指导](ui-js-components-switch.md)
118      - [toolbar开发指导](ui-js-components-toolbar.md)
119      - [menu开发指导](ui-js-components-menu.md)
120      - [marquee开发指导](ui-js-components-marquee.md)
121      - [qrcode开发指导](ui-js-components-qrcode.md)
122      - [search开发指导](ui-js-components-search.md)
123    - Canvas开发指导
124      - [Canvas对象](ui-js-components-canvas.md)
125      - [CanvasRenderingContext2D对象](ui-js-components-canvasrenderingcontext2d.md)
126      - [Path2D对象](ui-js-components-path2d.md)
127      - [OffscreenCanvasRenderingContext2D对象](ui-js-components-offscreencanvas.md)
128    - [栅格布局](ui-js-components-grid.md)
129    - Svg开发指导
130      - [基础知识](ui-js-components-svg-overview.md)
131      - [绘制图形](ui-js-components-svg-graphics.md)
132      - [绘制路径](ui-js-components-svg-path.md)
133      - [绘制文本](ui-js-components-svg-text.md)
134  - 动效开发指导
135    - CSS动画
136      - [属性样式动画](ui-js-animate-attribute-style.md)
137      - [transform样式动画](ui-js-animate-transform.md)
138      - [background-position样式动画](ui-js-animate-background-position-style.md)
139      - [svg动画](ui-js-animate-svg.md)
140    - JS动画
141      - [组件动画](ui-js-animate-component.md)
142      - 插值器动画
143        - [动画动效](ui-js-animate-dynamic-effects.md)
144        - [动画帧](ui-js-animate-frame.md)
145  - [自定义组件](ui-js-custom-components.md)
146