Open Source > Other > Handbook/Manual/Tutorial &&

Create your Gitee Account

Explore and code with more than 8 million developers，Free private repositories ！：）

Clone or Download

Readme-CN.md 9.92 KB

# 基于ArkTS的声明式开发范式

- [组件导读](ts-components-summary.md)
- 组件通用信息
  - 通用事件
    - [点击事件](ts-universal-events-click.md)
    - [触摸事件](ts-universal-events-touch.md)
    - [挂载卸载事件](ts-universal-events-show-hide.md)
    - [拖拽事件](ts-universal-events-drag-drop.md)
    - [按键事件](ts-universal-events-key.md)
    - [焦点事件](ts-universal-focus-event.md)
    - [鼠标事件](ts-universal-mouse-key.md)
    - [组件区域变化事件](ts-universal-component-area-change-event.md)
    - [组件可见区域变化事件](ts-universal-component-visible-area-change-event.md)
    - [组件快捷键事件](ts-universal-events-keyboardshortcut.md)
  - 通用属性
    - [尺寸设置](ts-universal-attributes-size.md)
    - [位置设置](ts-universal-attributes-location.md)
    - [布局约束](ts-universal-attributes-layout-constraints.md)
    - [Flex布局](ts-universal-attributes-flex-layout.md)
    - [边框设置](ts-universal-attributes-border.md)
    - [图片边框设置](ts-universal-attributes-border-image.md)
    - [背景设置](ts-universal-attributes-background.md)
    - [透明度设置](ts-universal-attributes-opacity.md)
    - [显隐控制](ts-universal-attributes-visibility.md)
    - [禁用控制](ts-universal-attributes-enable.md)
    - [浮层](ts-universal-attributes-overlay.md)
    - [Z序控制](ts-universal-attributes-z-order.md)
    - [图形变换](ts-universal-attributes-transformation.md)
    - [图像效果](ts-universal-attributes-image-effect.md)
    - [形状裁剪](ts-universal-attributes-sharp-clipping.md)
    - [栅格设置](ts-universal-attributes-grid.md)
    - [颜色渐变](ts-universal-attributes-gradient-color.md)
    - [Popup控制](ts-universal-attributes-popup.md)
    - [菜单控制](ts-universal-attributes-menu.md)
    - [焦点控制](ts-universal-attributes-focus.md)
    - [悬浮态效果](ts-universal-attributes-hover-effect.md)
    - [组件标识](ts-universal-attributes-component-id.md)
    - [多态样式](ts-universal-attributes-polymorphic-style.md)
    - [分布式迁移标识](ts-universal-attributes-restoreId.md)
    - [前景色设置](ts-universal-attributes-foreground-color.md)
    - [组件内容模糊](ts-universal-attributes-foreground-blur-style.md)
    - [点击回弹效果](ts-universal-attributes-click-effect.md)
    - [无障碍属性](ts-universal-attributes-accessibility.md)
    - 触摸交互控制
      - [触摸热区设置](ts-universal-attributes-touch-target.md)
      - [触摸测试控制](ts-universal-attributes-hit-test-behavior.md)
    - 模态转场设置
      - [全屏模态转场](ts-universal-attributes-modal-transition.md)
      - [半模态转场](ts-universal-attributes-sheet-transition.md)
    - [隐私遮罩](ts-universal-attributes-obscured.md)
    - [文本通用](ts-universal-attributes-text-style.md)
    - [拖拽控制](ts-universal-attributes-drag-drop.md)
    - [安全区域](ts-universal-attributes-expand-safe-area.md)
    - [特效绘制合并](ts-universal-attributes-use-effect.md)
    - [组件内容填充方式](ts-universal-attributes-renderfit.md)
  - 手势处理
    - [绑定手势方法](ts-gesture-settings.md)
    - 基础手势
      - [TapGesture](ts-basic-gestures-tapgesture.md)
      - [LongPressGesture](ts-basic-gestures-longpressgesture.md)
      - [PanGesture](ts-basic-gestures-pangesture.md)
      - [PinchGesture](ts-basic-gestures-pinchgesture.md)
      - [RotationGesture](ts-basic-gestures-rotationgesture.md)
      - [SwipeGesture](ts-basic-gestures-swipegesture.md)
    - [组合手势](ts-combined-gestures.md)
- 基础组件
  - [AlphabetIndexer](ts-container-alphabet-indexer.md)
  - [Blank](ts-basic-components-blank.md)
  - [Button](ts-basic-components-button.md)
  - [CalendarPicker](ts-basic-components-calendarpicker.md)
  - [Checkbox](ts-basic-components-checkbox.md)
  - [CheckboxGroup](ts-basic-components-checkboxgroup.md)
  - [DataPanel](ts-basic-components-datapanel.md)
  - [DatePicker](ts-basic-components-datepicker.md)
  - [Divider](ts-basic-components-divider.md)
  - [FormComponent](ts-basic-components-formcomponent.md)
  - [Gauge](ts-basic-components-gauge.md)
  - [Image](ts-basic-components-image.md)
  - [ImageAnimator](ts-basic-components-imageanimator.md)
  - [ImageSpan](ts-basic-components-imagespan.md)
  - [LoadingProgress](ts-basic-components-loadingprogress.md)
  - [Marquee](ts-basic-components-marquee.md)
  - [Menu](ts-basic-components-menu.md)
  - [MenuItem](ts-basic-components-menuitem.md)
  - [MenuItemGroup](ts-basic-components-menuitemgroup.md)
  - [Navigation](ts-basic-components-navigation.md)
  - [NavRouter](ts-basic-components-navrouter.md)
  - [NavDestination](ts-basic-components-navdestination.md)
  - [PatternLock](ts-basic-components-patternlock.md)
  - [PluginComponent](ts-basic-components-plugincomponent.md)
  - [Progress](ts-basic-components-progress.md)
  - [QRCode](ts-basic-components-qrcode.md)
  - [Radio](ts-basic-components-radio.md)
  - [Rating](ts-basic-components-rating.md)
  - [RemoteWindow](ts-basic-components-remotewindow.md)
  - [RichEditor](ts-basic-components-richeditor.md)
  - [RichText](ts-basic-components-richtext.md)
  - [ScrollBar](ts-basic-components-scrollbar.md)
  - [Search](ts-basic-components-search.md)
  - [Select](ts-basic-components-select.md)
  - [Slider](ts-basic-components-slider.md)
  - [Span](ts-basic-components-span.md)
  - [Stepper](ts-basic-components-stepper.md)
  - [StepperItem](ts-basic-components-stepperitem.md)
  - [Text](ts-basic-components-text.md)
  - [TextArea](ts-basic-components-textarea.md)
  - [TextClock](ts-basic-components-textclock.md)
  - [TextInput](ts-basic-components-textinput.md)
  - [TextPicker](ts-basic-components-textpicker.md)
  - [TextTimer](ts-basic-components-texttimer.md)
  - [TimePicker](ts-basic-components-timepicker.md)
  - [Toggle](ts-basic-components-toggle.md)
  - [Web](ts-basic-components-web.md)
  - [XComponent](ts-basic-components-xcomponent.md)
- 容器组件
  - [Badge](ts-container-badge.md)
  - [Column](ts-container-column.md)
  - [ColumnSplit](ts-container-columnsplit.md)
  - [Counter](ts-container-counter.md)
  - [EffectComponent](ts-container-effectcomponent.md)
  - [Flex](ts-container-flex.md)
  - [FlowItem](ts-container-flowitem.md)
  - [FormLink](ts-container-formlink.md)
  - [GridCol](ts-container-gridcol.md)
  - [GridRow](ts-container-gridrow.md)
  - [Grid](ts-container-grid.md)
  - [GridItem](ts-container-griditem.md)
  - [Hyperlink](ts-container-hyperlink.md)
  - [List](ts-container-list.md)
  - [ListItem](ts-container-listitem.md)
  - [ListItemGroup](ts-container-listitemgroup.md)
  - [Navigator](ts-container-navigator.md)
  - [Panel](ts-container-panel.md)
  - [Refresh](ts-container-refresh.md)
  - [RelativeContainer](ts-container-relativecontainer.md)
  - [Row](ts-container-row.md)
  - [RowSplit](ts-container-rowsplit.md)
  - [Scroll](ts-container-scroll.md)
  - [SideBarContainer](ts-container-sidebarcontainer.md)
  - [Stack](ts-container-stack.md)
  - [Swiper](ts-container-swiper.md)
  - [Tabs](ts-container-tabs.md)
  - [TabContent](ts-container-tabcontent.md)
  - [UIExtensionComponent](ts-container-ui-extension-component.md)
  - [WaterFlow](ts-container-waterflow.md)
- 媒体组件
  - [Video](ts-media-components-video.md)
- 绘制组件
  - [Circle](ts-drawing-components-circle.md)
  - [Ellipse](ts-drawing-components-ellipse.md)
  - [Line](ts-drawing-components-line.md)
  - [Polyline](ts-drawing-components-polyline.md)
  - [Polygon](ts-drawing-components-polygon.md)
  - [Path](ts-drawing-components-path.md)
  - [Rect](ts-drawing-components-rect.md)
  - [Shape](ts-drawing-components-shape.md)
- 画布组件
  - [Canvas](ts-components-canvas-canvas.md)
  - [CanvasGradient对象](ts-components-canvas-canvasgradient.md)
  - [CanvasPattern](ts-components-canvas-canvaspattern.md)
  - [CanvasRenderingContext2D对象](ts-canvasrenderingcontext2d.md)
  - [ImageBitmap对象](ts-components-canvas-imagebitmap.md)
  - [ImageData对象](ts-components-canvas-imagedata.md)
  - [Matrix2D](ts-components-canvas-matrix2d.md)
  - [OffscreenCanvas](ts-components-offscreencanvas.md)
  - [OffscreenCanvasRenderingContext2D对象](ts-offscreencanvasrenderingcontext2d.md)
  - [Path2D对象](ts-components-canvas-path2d.md)
- 高级组件
  - [@ohos.multimedia.avcastpicker (投播组件)](ohos-multimedia-avcastpicker.md)
- 安全控件
  - [安全控件通用属性](ts-securitycomponent-attributes.md)
  - [LocationButton](ts-security-components-locationbutton.md)
  - [PasteButton](ts-security-components-pastebutton.md)
  - [SaveButton](ts-security-components-savebutton.md)
- 动画
  - [属性动画](ts-animatorproperty.md)
  - [显式动画](ts-explicit-animation.md)
  - 转场动画
    - [页面间转场](ts-page-transition-animation.md)
    - [组件内转场](ts-transition-animation-component.md)
    - [共享元素转场](ts-transition-animation-shared-elements.md)
    - [组件内隐式共享元素转场](ts-transition-animation-geometrytransition.md)
  - [路径动画](ts-motion-path-animation.md)
  - [粒子动画](ts-particle-animation.md)
- 全局UI方法
  - 弹窗
    - [警告弹窗](ts-methods-alert-dialog-box.md)
    - [列表选择弹窗](ts-methods-action-sheet.md)
    - [自定义弹窗](ts-methods-custom-dialog-box.md)
    - [日历选择器弹窗](ts-methods-calendarpicker-dialog.md)
    - [日期滑动选择器弹窗](ts-methods-datepicker-dialog.md)
    - [时间滑动选择器弹窗](ts-methods-timepicker-dialog.md)
    - [文本滑动选择器弹窗](ts-methods-textpicker-dialog.md)
  - [菜单](ts-methods-menu.md)
- [自定义组件的生命周期](ts-custom-component-lifecycle.md)
- [应用级变量的状态管理](ts-state-management.md)
- [像素单位](ts-pixel-units.md)
- [枚举说明](ts-appendix-enums.md)
- [类型定义](ts-types.md)
- 已停止维护的组件
  - [AbilityComponent](ts-container-ability-component.md)
  - [GridContainer](ts-container-gridcontainer.md)
- 已停止维护的接口
  - [点击控制](ts-universal-attributes-click.md)

Copy Edit Web IDE Raw Blame History

authored 2023-09-13 19:59 . 修改安全组件到安全控件

基于ArkTS的声明式开发范式

组件导读
组件通用信息
- 通用事件
- 通用属性
  - 尺寸设置
  - 位置设置
  - 布局约束
  - Flex布局
  - 边框设置
  - 图片边框设置
  - 背景设置
  - 透明度设置
  - 显隐控制
  - 禁用控制
  - 浮层
  - Z序控制
  - 图形变换
  - 图像效果
  - 形状裁剪
  - 栅格设置
  - 颜色渐变
  - Popup控制
  - 菜单控制
  - 焦点控制
  - 悬浮态效果
  - 组件标识
  - 多态样式
  - 分布式迁移标识
  - 前景色设置
  - 组件内容模糊
  - 点击回弹效果
  - 无障碍属性
  - 触摸交互控制
    - 触摸热区设置
    - 触摸测试控制
  - 模态转场设置
    - 全屏模态转场
    - 半模态转场
  - 隐私遮罩
  - 文本通用
  - 拖拽控制
  - 安全区域
  - 特效绘制合并
  - 组件内容填充方式
- 手势处理
  - 绑定手势方法
  - 基础手势
  - 组合手势
基础组件
- AlphabetIndexer
- Blank
- Button
- CalendarPicker
- Checkbox
- CheckboxGroup
- DataPanel
- DatePicker
- Divider
- FormComponent
- Gauge
- Image
- ImageAnimator
- ImageSpan
- LoadingProgress
- Marquee
- Menu
- MenuItem
- MenuItemGroup
- Navigation
- NavRouter
- NavDestination
- PatternLock
- PluginComponent
- Progress
- QRCode
- Radio
- Rating
- RemoteWindow
- RichEditor
- RichText
- ScrollBar
- Search
- Select
- Slider
- Span
- Stepper
- StepperItem
- Text
- TextArea
- TextClock
- TextInput
- TextPicker
- TextTimer
- TimePicker
- Toggle
- Web
- XComponent
容器组件
- Badge
- Column
- ColumnSplit
- Counter
- EffectComponent
- Flex
- FlowItem
- FormLink
- GridCol
- GridRow
- Grid
- GridItem
- Hyperlink
- List
- ListItem
- ListItemGroup
- Navigator
- Panel
- Refresh
- RelativeContainer
- Row
- RowSplit
- Scroll
- SideBarContainer
- Stack
- Swiper
- Tabs
- TabContent
- UIExtensionComponent
- WaterFlow
媒体组件
- Video
绘制组件
- Circle
- Ellipse
- Line
- Polyline
- Polygon
- Path
- Rect
- Shape
画布组件
高级组件
- @ohos.multimedia.avcastpicker (投播组件)
安全控件
动画
- 属性动画
- 显式动画
- 转场动画
- 路径动画
- 粒子动画
全局UI方法
- 弹窗
- 菜单
自定义组件的生命周期
应用级变量的状态管理
像素单位
枚举说明
类型定义
已停止维护的组件
- AbilityComponent
- GridContainer
已停止维护的接口
- 点击控制

other

1

https://gitee.com/openharmony/docs.git

git@gitee.com:openharmony/docs.git

openharmony

docs

docs

master