Readme-CN.md 6.6 KB
Newer Older
R
RayShih 已提交
1
# UI开发
M
mamingshuai 已提交
2

Z
zengyawen 已提交
3 4 5 6 7 8
- [方舟开发框架概述](arkui-overview.md)
- UI开发(ArkTS声明式开发范式)
  - [UI开发(ArkTS声明式开发范式)概述](arkts-ui-development-overview.md)
  - 开发布局
    - [布局概述](arkts-layout-development-overview.md)
    - 构建布局
Z
zengyawen 已提交
9 10 11 12 13 14 15 16 17
      - [线性布局](arkts-layout-development-linear.md)
      - [层叠布局](arkts-layout-development-stack-layout.md)
      - [弹性布局](arkts-layout-development-flex-layout.md)
      - [相对布局](arkts-layout-development-relative-layout.md)
      - [栅格布局](arkts-layout-development-grid-layout.md)
      - [媒体查询](arkts-layout-development-media-query.md)
      - [创建列表](arkts-layout-development-create-list.md)
      - [创建网格](arkts-layout-development-create-grid.md)
      - [创建轮播](arkts-layout-development-create-looping.md)
Z
zengyawen 已提交
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
    - [改善布局性能](arkts-layout-development-performance-boost.md)
  - 添加组件
    - 添加常用组件
      - [按钮](arkts-common-components-button.md)
      - [单选框](arkts-common-components-radio-button.md)
      - [切换按钮](arkts-common-components-switch.md)
      - [进度条](arkts-common-components-progress-indicator.md)
      - [文本显示](arkts-common-components-text-display.md)
      - [文本输入](arkts-common-components-text-input.md)
      - [自定义弹窗](arkts-common-components-custom-dialog.md)
      - [视频播放](arkts-common-components-video-player.md)
      - [XComponent](arkts-common-components-xcomponent.md)
    - 添加气泡和菜单
      - [气泡提示](arkts-popup-and-menu-components-popup.md)
      - [菜单](arkts-popup-and-menu-components-menu.md)
  - 设置页面路由和组件导航
    - [页面路由](arkts-routing.md)
    - 组件导航
      - [Navigation](arkts-navigation-navigation.md)
      - [Tabs](arkts-navigation-tabs.md)
  - 显示图形
    - [显示图片](arkts-graphics-display.md)
    - [绘制几何图形](arkts-geometric-shape-drawing.md)
    - [使用画布绘制自定义图形](arkts-drawing-customization-on-canvas.md)
  - 使用动画
    - [动画概述](arkts-animation-overview.md)
    - 页面内的动画
      - [布局更新动画](arkts-layout-update-animation.md)
      - [组件内转场动画](arkts-transition-animation-within-component.md)
      - [弹簧曲线动画](arkts-spring-animation.md)
    - 页面间的动画
      - [放大缩小视图](arkts-zoom-animation.md)
      - [页面转场动画](arkts-page-transition-animation.md)
  - 支持交互事件
    - [交互事件概述](arkts-event-overview.md)
    - 使用通用事件
      - [触屏事件](arkts-common-events-touch-screen-event.md)
      - [键鼠事件](arkts-common-events-device-input-event.md)
56
      - [焦点事件](arkts-common-events-focus-event.md)
Z
zengyawen 已提交
57 58 59 60 61 62 63
    - 使用手势事件
      - [绑定手势方法](arkts-gesture-events-binding.md)
      - [单一手势](arkts-gesture-events-single-gesture.md)
      - [组合手势](arkts-gesture-events-combined-gestures.md)
  - [性能提升的推荐方法](arkts-performance-improvement-recommendation.md)
- UI开发(兼容JS的类Web开发范式)
  - [UI开发(兼容JS的类Web开发范式)概述](ui-js-overview.md)
Z
zengyawen 已提交
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
  - 框架说明
    - [文件组织](js-framework-file.md)
    - [js标签配置](js-framework-js-tag.md)
    - [app.js](js-framework-js-file.md)
    - 语法
      - [HML语法参考](js-framework-syntax-hml.md)
      - [CSS语法参考](js-framework-syntax-css.md)
      - [JS语法参考](js-framework-syntax-js.md)
    - [生命周期](js-framework-lifecycle.md)
    - [资源限定与访问](js-framework-resource-restriction.md)
    - [多语言支持](js-framework-multiple-languages.md)
  - 构建用户界面
    - [组件介绍](ui-js-building-ui-component.md)
    - 构建布局
      - [布局说明](ui-js-building-ui-layout-intro.md)
      - [添加标题行和文本区域](ui-js-building-ui-layout-text.md)
      - [添加图片区域](ui-js-building-ui-layout-image.md)
      - [添加留言区域](ui-js-building-ui-layout-comment.md)
      - [添加容器](ui-js-building-ui-layout-external-container.md)
    - [添加交互](ui-js-building-ui-interactions.md)
    - [动画](ui-js-building-ui-animation.md)
    - [手势事件](ui-js-building-ui-event.md)
    - [页面路由](ui-js-building-ui-routes.md)
  - 常见组件开发指导
    - 容器组件
      - [List开发指导](ui-js-components-list.md)
      - [Dialog开发指导](ui-js-components-dialog.md)
      - [Form开发指导](ui-js-components-form.md)
      - [Stepper开发指导](ui-js-components-stepper.md)
      - [Tabs开发指导](ui-js-component-tabs.md)
      - [Swiper开发指导](ui-js-components-swiper.md)
    - 基础组件
      - [Text开发指导](ui-js-components-text.md)
      - [Input开发指导](ui-js-components-input.md)
      - [Button开发指导](ui-js-components-button.md)
      - [Picker开发指导](ui-js-components-picker.md)
      - [Image开发指导](ui-js-components-images.md)
      - [Image-animator开发指导](ui-js-components-image-animator.md)
      - [Rating开发指导](ui-js-components-rating.md)
      - [Slider开发指导](ui-js-components-slider.md)
      - [Chart开发指导](ui-js-components-chart.md)
      - [Switch开发指导](ui-js-components-switch.md)
      - [Toolbar开发指导](ui-js-components-toolbar.md)
      - [Menu开发指导](ui-js-components-menu.md)
      - [Marquee开发指导](ui-js-components-marquee.md)
      - [Qrcode开发指导](ui-js-components-qrcode.md)
      - [Search开发指导](ui-js-components-search.md)
    - Canvas开发指导
      - [Canvas对象](ui-js-components-canvas.md)
      - [CanvasRenderingContext2D对象](ui-js-components-canvasrenderingcontext2d.md)
      - [Path2D对象](ui-js-components-path2d.md)
      - [OffscreenCanvas对象](ui-js-components-offscreencanvas.md)
    - [栅格布局](ui-js-components-grid.md)
    - Svg开发指导
      - [基础知识](ui-js-components-svg-overview.md)
      - [绘制图形](ui-js-components-svg-graphics.md)
      - [绘制路径](ui-js-components-svg-path.md)
      - [绘制文本](ui-js-components-svg-text.md)
  - 动效开发指导
    - CSS动画
      - [属性样式动画](ui-js-animate-attribute-style.md)
      - [transform样式动画](ui-js-animate-transform.md)
      - [background-position样式动画](ui-js-animate-background-position-style.md)
      - [svg动画](ui-js-animate-svg.md)
    - JS动画
      - [组件动画](ui-js-animate-component.md)
      - 插值器动画
        - [动画动效](ui-js-animate-dynamic-effects.md)
        - [动画帧](ui-js-animate-frame.md)
  - [自定义组件](ui-js-custom-components.md)