Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
91523f0c
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
91523f0c
编写于
9月 22, 2022
作者:
O
openharmony_ci
提交者:
Gitee
9月 22, 2022
浏览文件
操作
浏览文件
下载
差异文件
!9806 文档整改
Merge pull request !9806 from luoying_ace/ly922
上级
43d1aae5
f6655121
变更
33
隐藏空白更改
内联
并排
Showing
33 changed file
with
100 addition
and
90 deletion
+100
-90
zh-cn/application-dev/reference/arkui-ts/ts-appendix-enums.md
...n/application-dev/reference/arkui-ts/ts-appendix-enums.md
+5
-3
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-button.md
...tion-dev/reference/arkui-ts/ts-basic-components-button.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
...on-dev/reference/arkui-ts/ts-basic-components-checkbox.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
...v/reference/arkui-ts/ts-basic-components-checkboxgroup.md
+8
-2
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-select.md
...tion-dev/reference/arkui-ts/ts-basic-components-select.md
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-span.md
...cation-dev/reference/arkui-ts/ts-basic-components-span.md
+3
-2
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md
...on-dev/reference/arkui-ts/ts-basic-components-textarea.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md
...n-dev/reference/arkui-ts/ts-basic-components-textinput.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-texttimer.md
...n-dev/reference/arkui-ts/ts-basic-components-texttimer.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-gridcol.md
...pplication-dev/reference/arkui-ts/ts-container-gridcol.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md
...lication-dev/reference/arkui-ts/ts-container-navigator.md
+3
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-panel.md
.../application-dev/reference/arkui-ts/ts-container-panel.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
...n-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-container-stack.md
.../application-dev/reference/arkui-ts/ts-container-stack.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
...application-dev/reference/arkui-ts/ts-container-swiper.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
...n/application-dev/reference/arkui-ts/ts-container-tabs.md
+4
-4
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md
...tion-dev/reference/arkui-ts/ts-drawing-components-line.md
+5
-5
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
...n-dev/reference/arkui-ts/ts-drawing-components-polygon.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
...-dev/reference/arkui-ts/ts-drawing-components-polyline.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
...tion-dev/reference/arkui-ts/ts-drawing-components-rect.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
...ation-dev/reference/arkui-ts/ts-media-components-video.md
+4
-3
zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md
...ion-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md
+7
-7
zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md
...on-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
...on-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
...on-dev/reference/arkui-ts/ts-page-transition-animation.md
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-types.md
zh-cn/application-dev/reference/arkui-ts/ts-types.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
.../reference/arkui-ts/ts-universal-attributes-background.md
+6
-7
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border-image.md
...eference/arkui-ts/ts-universal-attributes-border-image.md
+10
-10
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border.md
...-dev/reference/arkui-ts/ts-universal-attributes-border.md
+10
-11
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-location.md
...ev/reference/arkui-ts/ts-universal-attributes-location.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md
...on-dev/reference/arkui-ts/ts-universal-attributes-size.md
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md
...erence/arkui-ts/ts-universal-attributes-transformation.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-drag-drop.md
...n-dev/reference/arkui-ts/ts-universal-events-drag-drop.md
+1
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-appendix-enums.md
浏览文件 @
91523f0c
...
...
@@ -8,6 +8,7 @@
| Blue | 0x0000ff | !
[
zh-cn_image_0000001174104404
](
figures/zh-cn_image_0000001174104404.png
)
|
| Brown | 0xa52a2a | !
[
zh-cn_image_0000001219744201
](
figures/zh-cn_image_0000001219744201.png
)
|
| Gray | 0x808080 | !
[
zh-cn_image_0000001174264376
](
figures/zh-cn_image_0000001174264376.png
)
|
| Grey | 0x808080 | !
[
zh-cn_image_0000001174264376
](
figures/zh-cn_image_0000001174264376.png
)
|
| Green | 0x008000 | !
[
zh-cn_image_0000001174422914
](
figures/zh-cn_image_0000001174422914.png
)
|
| Orange | 0xffa500 | !
[
zh-cn_image_0000001219662661
](
figures/zh-cn_image_0000001219662661.png
)
|
| Pink | 0xffc0cb | !
[
zh-cn_image_0000001219662663
](
figures/zh-cn_image_0000001219662663.png
)
|
...
...
@@ -70,6 +71,7 @@
| Press | 鼠标按键按下。 |
| Release | 鼠标按键松开。 |
| Move | 鼠标移动。 |
| Hover | 鼠标悬浮。 |
## Curve
...
...
@@ -219,9 +221,9 @@
| 名称 | 描述 |
| ------ | -------------------- |
| Butt | 分割线两端为平行线。 |
| Round |
分割线两端为半圆。
|
| Square |
分割线两端为平行线
。 |
| Butt | 分割线两端为平行线
,不额外扩展
。 |
| Round |
在分割线两端延伸半个圆,直径等于线宽。
|
| Square |
在分割线两端延伸一个矩形,宽度等于线宽的一半,高度等于线宽
。 |
## Axis
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-button.md
浏览文件 @
91523f0c
...
...
@@ -36,7 +36,7 @@
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| ------- | ----------------------------------- | ---- | ---- | ------------- |
| label |
[
ResourceStr
](
ts-types.md
)
| 否 | - | 按钮文本内容。 |
| label |
[
ResourceStr
](
ts-types.md
#resourcestr
)
| 否 | - | 按钮文本内容。 |
| options | Object | 否 | - | 见options参数说明。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
浏览文件 @
91523f0c
...
...
@@ -12,7 +12,7 @@
## 接口
Checkbox(
option
?:
{name?: string, group?: string })
Checkbox(
options
?:
{name?: string, group?: string })
**参数:**
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
浏览文件 @
91523f0c
...
...
@@ -12,7 +12,7 @@
## 接口
CheckboxGroup(
group?: string
)
CheckboxGroup(
options?: { group?: string }
)
创建多选框群组,可以控制群组内的Checkbox全选或者不全选,相同group的Checkbox和CheckboxGroup为同一群组。
...
...
@@ -39,7 +39,13 @@ CheckboxGroup( group?: string )
| 名称 | 功能描述 |
| -------- | -------- |
| onChange (callback: (names: Array
<
string
>
, status: SelectStatus) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时,触发回调。
<br>
- names:群组内所有被选中的多选框名称。
<br>
- status:选中状态。|
| onChange (callback: (event: CheckboxGroupResult) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时,触发回调。|
## CheckboxGroupResult对象说明
| 名称 | 类型 | 描述 |
| ------ | ------ | ------- |
| name | Array
<
string
>
| 群组内所有被选中的多选框名称。 |
| status | SelectStatus | 选中状态。 |
## SelectStatus枚举说明
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-select.md
浏览文件 @
91523f0c
...
...
@@ -18,8 +18,8 @@ Select(options: Array\<SelectOption\>)
| 参数名 | 参数类型 | 必填 | 参数描述 |
| ------ | ----------------------------------- | ---- | -------------- |
| value |
[
ResourceStr
](
ts-types.md
)
| 是 | 下拉选项内容。 |
| icon |
[
ResourceStr
](
ts-types.md
)
| 否 | 下拉选项图片。 |
| value |
[
ResourceStr
](
ts-types.md
#resourcestr
)
| 是 | 下拉选项内容。 |
| icon |
[
ResourceStr
](
ts-types.md
#resourcestr
)
| 否 | 下拉选项图片。 |
## 属性
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-span.md
浏览文件 @
91523f0c
...
...
@@ -14,13 +14,14 @@
## 接口
Span(
content:
string | Resource)
Span(
value:
string | Resource)
**参数:**
| 参数名 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| content | string
\|
[
Resource
](
ts-types.md#resource
)
| 是 | 文本内容。 |
| value | string
\|
[
Resource
](
ts-types.md#resource
)
| 是 | 文本内容。 |
## 属性
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textarea.md
浏览文件 @
91523f0c
...
...
@@ -20,8 +20,8 @@ TextArea(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: Tex
| 参数名 | 参数类型 | 必填 | 参数描述 |
| ----------------------- | ---------------------------------------- | ---- | -------------- |
| placeholder |
[
ResourceStr
](
ts-types.md
)
| 否 | 无输入时的提示文本。 |
| text |
[
ResourceStr
](
ts-types.md
)
| 否 | 设置输入框当前的文本内容。 |
| placeholder |
[
ResourceStr
](
ts-types.md
#resourcestr
)
| 否 | 无输入时的提示文本。 |
| text |
[
ResourceStr
](
ts-types.md
#resourcestr
)
| 否 | 设置输入框当前的文本内容。 |
| controller
<sup>
8+
</sup>
|
[
TextAreaController
](
#textareacontroller8
)
| 否 | 设置TextArea控制器。 |
...
...
@@ -35,7 +35,7 @@ TextArea(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: Tex
| placeholderFont |
[
Font
](
ts-types.md#font
)
| 设置placeholder文本样式。 |
| textAlign |
[
TextAlign
](
ts-appendix-enums.md#textalign
)
| 设置文本水平对齐式。
<br/>
默认值:TextAlign.Start |
| caretColor |
[
ResourceColor
](
ts-types.md#resourcecolor8
)
| 设置输入框光标颜色。 |
| inputFilter
<sup>
8+
</sup>
| {
<br/>
value:
[ResourceStr](ts-types.md
)
<sup>
8+
</sup>
,
<br/>
error?:
(value:
string) => void
<br/>
} | 通过正则表达式设置输入过滤器。满足表达式的输入允许显示,不满足的输入被忽略。仅支持单个字符匹配,不支持字符串匹配。例如:^(?=.
\*\d
)(?=.
\*
[a-z])(?=.
\*
[A-Z]).{8,10}$,不支持过滤8到10位的强密码。
<br/>
-
value:设置正则表达式。
<br/>
-
error:正则匹配失败时,返回被忽略的内容。 |
| inputFilter
<sup>
8+
</sup>
| {
<br/>
value:
[ResourceStr](ts-types.md
#resourcestr)
,
<br/>
error?:
(value:
string) => void
<br/>
} | 通过正则表达式设置输入过滤器。满足表达式的输入允许显示,不满足的输入被忽略。仅支持单个字符匹配,不支持字符串匹配。例如:^(?=.
\*\d
)(?=.
\*
[a-z])(?=.
\*
[A-Z]).{8,10}$,不支持过滤8到10位的强密码。
<br/>
-
value:设置正则表达式。
<br/>
-
error:正则匹配失败时,返回被忽略的内容。 |
| copyOption
<sup>
9+
</sup>
|
[
CopyOptions
](
ts-appendix-enums.md#copyoptions9
)
| 设置文本是否可复制。 |
## 事件
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md
浏览文件 @
91523f0c
...
...
@@ -20,8 +20,8 @@ TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: Te
| 参数名 | 参数类型 | 必填 | 参数描述 |
| ----------------------- | ---------------------------------------- | ---- | --------------- |
| placeholder |
[
ResourceStr
](
ts-types.md
)
| 否 | 无输入时的提示文本。 |
| text |
[
ResourceStr
](
ts-types.md
)
| 否 | 设置输入框当前的文本内容。 |
| placeholder |
[
ResourceStr
](
ts-types.md
#resourcestr
)
| 否 | 无输入时的提示文本。 |
| text |
[
ResourceStr
](
ts-types.md
#resourcestr
)
| 否 | 设置输入框当前的文本内容。 |
| controller
<sup>
8+
</sup>
|
[
TextInputController
](
#textinputcontroller8
)
| 否 | 设置TextInput控制器。 |
...
...
@@ -37,7 +37,7 @@ TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: Te
| enterKeyType | EnterKeyType | 设置输入法回车键类型。
<br/>
默认值:EnterKeyType.Done |
| caretColor |
[
ResourceColor
](
ts-types.md
)
| 设置输入框光标颜色。 |
| maxLength | number | 设置文本的最大输入字符数。 |
| inputFilter
<sup>
8+
</sup>
| {
<br/>
value:
[ResourceStr](ts-types.md
)
<sup>
8+
</sup>
,
<br/>
error?:
(value:
string)
=
>
void
<br/>
} | 正则表达式,满足表达式的输入允许显示,不满足正则表达式的输入被忽略。仅支持单个字符匹配,不支持字符串匹配。例如:^(?=.
\*\d
)(?=.
\*
[a-z])(?=.
\*
[A-Z]).{8,10}$,8到10位的强密码不支持过滤。
<br/>
-
value:设置正则表达式。
<br/>
-
error:正则匹配失败时,返回被忽略的内容。 |
| inputFilter
<sup>
8+
</sup>
| {
<br/>
value:
[ResourceStr](ts-types.md
#resourcestr)
,
<br/>
error?:
(value:
string)
=
>
void
<br/>
} | 正则表达式,满足表达式的输入允许显示,不满足正则表达式的输入被忽略。仅支持单个字符匹配,不支持字符串匹配。例如:^(?=.
\*\d
)(?=.
\*
[a-z])(?=.
\*
[A-Z]).{8,10}$,8到10位的强密码不支持过滤。
<br/>
-
value:设置正则表达式。
<br/>
-
error:正则匹配失败时,返回被忽略的内容。 |
| copyOption
<sup>
9+
</sup>
|
[
CopyOptions
](
ts-appendix-enums.md#copyoptions9
)
| 设置文本是否可复制。 |
| showPasswordIcon
<sup>
9+
</sup>
| boolean | 密码输入模式时,密码框末尾的图标是否显示。
<br/>
默认值:true |
| style
<sup>
9+
</sup>
| TextInputStyle | TextInput风格。
<br/>
默认值:TextInputStyle.Default |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-texttimer.md
浏览文件 @
91523f0c
...
...
@@ -18,7 +18,7 @@
## 接口
TextTimer(options: { isCountDown?: boolean, count?: number, controller?: TextTimerController })
TextTimer(options
?
: { isCountDown?: boolean, count?: number, controller?: TextTimerController })
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-gridcol.md
浏览文件 @
91523f0c
...
...
@@ -11,7 +11,7 @@
可以包含单个子组件。
## 接口
GridCol(opti
i
on?:{span?: number | GridColColumnOption, offset?: number | GridColColumnOption, order?: number | GridColColumnOption})
GridCol(option?:{span?: number | GridColColumnOption, offset?: number | GridColColumnOption, order?: number | GridColColumnOption})
**参数:**
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-navigator.md
浏览文件 @
91523f0c
...
...
@@ -37,7 +37,9 @@ Navigator(value?: {target: string, type?: NavigationType})
| 名称 | 参数 | 描述 |
| ------ | ------- | ------------------------------------------------------------ |
| active | boolean | 当前路由组件是否处于激活状态,处于激活状态时,会生效相应的路由操作。 |
| params | Object | 跳转时要同时传递到目标页面的数据,可在目标页面使用router.getParams()获得。 |
| params | object | 跳转时要同时传递到目标页面的数据,可在目标页面使用router.getParams()获得。 |
| target | string | 设置跳转目标页面的路径。 |
| type | NavigationType | 设置路由方式。
<br/>
默认值:NavigationType.Push |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-panel.md
浏览文件 @
91523f0c
...
...
@@ -14,7 +14,7 @@
## 接口
Panel(show
:
boolean)
Panel(show
:
boolean)
**参数:**
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
浏览文件 @
91523f0c
...
...
@@ -36,9 +36,9 @@ SideBarContainer( type?: SideBarContainerType )
| showSideBar | boolean | 设置是否显示侧边栏。
<br/>
默认值:true |
| controlButton | ButtonStyle | 设置侧边栏控制按钮的属性。 |
| showControlButton | boolean | 设置是否显示控制按钮。
<br/>
默认值:true |
| sideBarWidth | number | 设置侧边栏的宽度。
<br/>
默认值:200,单位vp |
| minSideBarWidth | number | 设置侧边栏最小宽度。
<br/>
默认值:200,单位vp |
| maxSideBarWidth | number | 设置侧边栏最大宽度。
<br/>
默认值:280,单位vp |
| sideBarWidth | number
\|
Length
<sup>
9+
</sup>
| 设置侧边栏的宽度。
<br/>
默认值:200,单位vp |
| minSideBarWidth | number
\|
Length
<sup>
9+
</sup>
| 设置侧边栏最小宽度。
<br/>
默认值:200,单位vp |
| maxSideBarWidth | number
\|
Length
<sup>
9+
</sup>
| 设置侧边栏最大宽度。
<br/>
默认值:280,单位vp |
| autoHide
<sup>
9+
</sup>
| boolean | 设置当侧边栏拖拽到小于最小宽度后,是否自动隐藏。
<br/>
默认值:true |
| sideBarPosition
<sup>
9+
</sup>
| SideBarPosition | 设置侧边栏显示位置。
<br/>
默认值:SideBarPosition.Start |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-stack.md
浏览文件 @
91523f0c
...
...
@@ -14,7 +14,7 @@
## 接口
Stack(
{
alignContent?:
Alignment
})
Stack(
value?: { alignContent?: Alignment
})
**参数:**
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
浏览文件 @
91523f0c
...
...
@@ -14,7 +14,7 @@
## 接口
Swiper(
value:{controller?: SwiperController}
)
Swiper(
controller?: SwiperController
)
**参数:**
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
浏览文件 @
91523f0c
...
...
@@ -14,7 +14,7 @@
## 接口
Tabs(value: {barPosition?: BarPosition, index?: number, controller?:
[
TabsController
](
#tabscontroller
)
})
Tabs(value
?
: {barPosition?: BarPosition, index?: number, controller?:
[
TabsController
](
#tabscontroller
)
})
**参数:**
...
...
@@ -41,8 +41,8 @@ Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsContro
| vertical | boolean | 设置为false是为横向Tabs,设置为true时为纵向Tabs。
<br/>
默认值:false |
| scrollable | boolean | 设置为true时可以通过滑动页面进行页面切换,为false时不可滑动切换页面。
<br/>
默认值:true |
| barMode | BarMode | TabBar布局模式,具体描述见BarMode枚举说明。
<br/>
默认值:BarMode.Fixed |
| barWidth | number
\|
string
<sup>
8+
</sup>
| TabBar的宽度值。 |
| barHeight | number
\|
string
<sup>
8+
</sup>
| TabBar的高度值。 |
| barWidth | number
\|
Length
<sup>
8+
</sup>
| TabBar的宽度值。 |
| barHeight | number
\|
Length
<sup>
8+
</sup>
| TabBar的高度值。 |
| animationDuration | number | TabContent滑动动画时长。
<br/>
默认值:200 |
## BarMode枚举说明
...
...
@@ -58,7 +58,7 @@ Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsContro
| 名称 | 功能描述 |
| -------- | -------- |
| onChange(
callback
:
(index:
number)
=
>
void) | Tab页签切换后触发的事件。 |
| onChange(
event
:
(index:
number)
=
>
void) | Tab页签切换后触发的事件。 |
## TabsController
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md
浏览文件 @
91523f0c
...
...
@@ -19,7 +19,7 @@
## 接口
Line(
options
?: {width?: string | number, height?: string | number})
Line(
value
?: {width?: string | number, height?: string | number})
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
...
...
@@ -34,11 +34,11 @@ Line(options?: {width?: string | number, height?: string | number})
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| startPoint | Array
| [0,
0] | 是 | 直线起点坐标点(相对坐标)
。 |
| endPoint | Array
| [0,
0] | 是 | 直线终点坐标点(相对坐标)
。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| startPoint | Array
<
Length
>
| [0,
0] | 否 | 直线起点坐标点(相对坐标),单位vp
。 |
| endPoint | Array
<
Length
>
| [0,
0] | 否 | 直线终点坐标点(相对坐标),单位vp
。 |
| fill |
[
ResourceColor
](
ts-types.md
#resourcecolor8
)
| Color.Black | 否 | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| stroke |
[
ResourceColor
](
ts-types.md
#resourcecolor8
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
浏览文件 @
91523f0c
...
...
@@ -14,7 +14,7 @@
## 接口
Polygon(
options
?: {width?: string | number, height?: string | number})
Polygon(
value
?: {width?: string | number, height?: string | number})
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
浏览文件 @
91523f0c
...
...
@@ -14,7 +14,7 @@
## 接口
Polyline(
options
?: {width?: string | number, height?: string | number})
Polyline(
value
?: {width?: string | number, height?: string | number})
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
浏览文件 @
91523f0c
...
...
@@ -14,7 +14,7 @@
## 接口
Rect(
options
?: {width?: string | number,height?: string | number,radius?: string | number | Array
<
string | number
>
} |
Rect(
value
?: {width?: string | number,height?: string | number,radius?: string | number | Array
<
string | number
>
} |
{width?: string | number,height?: string | number,radiusWidth?: string | number,radiusHeight?: string | number})
-
参数
...
...
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
浏览文件 @
91523f0c
...
...
@@ -62,9 +62,10 @@ Video(value: {src?: string | Resource, currentProgressRate?: number | string | P
| onFinish(event:()
=
>
void) | 播放结束时触发该事件。 |
| onError(event:()
=
>
void) | 播放失败时触发该事件。 |
| onPrepared(callback:(event?:
{
duration:
number
})
=
>
void) | 视频准备完成时触发该事件,通过duration可以获取视频时长,单位为秒(s)。 |
| onSeeking(callback:(event?:
{
duration:
number
})
=
>
void) | 操作进度条过程时上报时间信息,单位为s。 |
| onSeeked(callback:(event?:
{
duration:
number
})
=
>
void) | 操作进度条完成后,上报播放时间信息,单位为s。 |
| onUpdate(callback:(event?:
{
duration:
number
})
=
>
void) | 播放进度变化时触发该事件,单位为s,更新时间间隔为250ms。 |
| onSeeking(callback:(event?:
{
time:
number
})
=
>
void) | 操作进度条过程时上报时间信息,单位为s。 |
| onSeeked(callback:(event?:
{
time:
number
})
=
>
void) | 操作进度条完成后,上报播放时间信息,单位为s。 |
| onUpdate(callback:(event?:
{
time:
number
})
=
>
void) | 播放进度变化时触发该事件,单位为s,更新时间间隔为250ms。 |
| onFullscreenChange(callback:(event?:
{
fullscreen:
boolean
})
=
>
void) | 在全屏播放与非全屏播放状态之间切换时触发该事件,返回值为true表示进入全屏播放状态,为false则表示非全屏播放。 |
## VideoController
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md
浏览文件 @
91523f0c
...
...
@@ -10,31 +10,31 @@
| 名称 | 参数类型 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- |
| show |
value:
{
AlertDialogParamWithConfirm
\|
AlertDialogParamWithButtons}
| - | 定义并显示AlertDialog组件。 |
| show |
AlertDialogParamWithConfirm
\|
AlertDialogParamWithButtons
| - | 定义并显示AlertDialog组件。 |
## AlertDialogParamWithConfirm对象说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| title |
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 否 | - | 弹窗标题。 |
| message |
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 是 | - | 弹窗内容。 |
| title |
[
ResourceStr
](
ts-types.md#resourcestr
)
| 否 | - | 弹窗标题。 |
| message |
[
ResourceStr
](
ts-types.md#resourcestr
)
| 是 | - | 弹窗内容。 |
| autoCancel | boolean | 否 | true | 点击遮障层时,是否关闭弹窗。 |
| confirm | {
<br/>
value:
string
\|
[Resource](ts-types.md#resource类型),
<br/>
fontColor?:
Color
\|
number
\|
string
\|
[Resource](ts-types.md#resource类型),
<br/>
backgroundColor?:
Color
\|
number
\|
string
\|
[Resource](ts-types.md#resource类型),
<br/>
action:
()
=
>
void
<br/>
} | 否 | - | 确认按钮的文本内容、文本色、按钮背景色和点击回调。 |
| cancel | ()
=
>
void | 否 | - | 点击遮障层关闭dialog时的回调。 |
| alignment |
[
DialogAlignment
](
ts-methods-custom-dialog-box.md
)
| 否 | DialogAlignment.Default | 弹窗在竖直方向上的对齐方式。 |
| offset |
{
<br/>
dx:
Length
\|
[Resource](ts-types.md#resource类型),
<br/>
dy:
Length
\|
[
Resource
](
ts-types.md#resource类型
)
<br/>
}
| 否 | - | 弹窗相对alignment所在位置的偏移量。 |
| offset |
[
Offset
](
ts-types.md#offset
)
| 否 | - | 弹窗相对alignment所在位置的偏移量。 |
| gridCount | number | 否 | - | 弹窗容器宽度所占用栅格数。 |
## AlertDialogParamWithButtons对象说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| title |
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 否 | - | 弹窗标题。 |
| message |
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 是 | - | 弹窗内容。 |
| title |
[
ResourceStr
](
ts-types.md#resourcestr
)
| 否 | - | 弹窗标题。 |
| message |
[
ResourceStr
](
ts-types.md#resourcestr
)
| 是 | - | 弹窗内容。 |
| autoCancel | boolean | 否 | true | 点击遮障层时,是否关闭弹窗。 |
| primaryButton | {
<br/>
value:
string
\|
[Resource](ts-types.md#resource类型),
<br/>
fontColor?:
Color
\|
number
\|
string
\|
[Resource](ts-types.md#resource类型),
<br/>
backgroundColor?:
Color
\|
number
\|
string
\|
[Resource](ts-types.md#resource类型),
<br/>
action:
()
=
>
void;
<br/>
} | 否 | - | 按钮的文本内容、文本色、按钮背景色和点击回调。 |
| secondaryButton | {
<br/>
value:
string
\|
[Resource](ts-types.md#resource类型),
<br/>
fontColor?:
Color
\|
number
\|
string
\|
[Resource](ts-types.md#resource类型),
<br/>
backgroundColor?:
Color
\|
number
\|
string
\|
[Resource](ts-types.md#resource类型),
<br/>
action:
()
=
>
void;
<br/>
} | 否 | - | 按钮的文本内容、文本色、按钮背景色和点击回调。 |
| cancel | ()
=
>
void | 否 | - | 点击遮障层关闭dialog时的回调。 |
| alignment |
[
DialogAlignment
](
ts-methods-custom-dialog-box.md
)
| 否 | DialogAlignment.Default | 弹窗在竖直方向上的对齐方式。 |
| offset |
{
<br/>
dx:
Length
\|
[Resource](ts-types.md#resource类型),
<br/>
dy:
Length
\|
[
Resource
](
ts-types.md#resource类型
)
<br/>
}
| 否 | - | 弹窗相对alignment所在位置的偏移量。 |
| offset |
[
Offset
](
ts-types.md#offset
)
| 否 | - | 弹窗相对alignment所在位置的偏移量。 |
| gridCount | number | 否 | - | 弹窗容器宽度所占用栅格数。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md
浏览文件 @
91523f0c
...
...
@@ -11,7 +11,7 @@
## 接口
CustomDialogController(value:{builder: CustomDialog, cancel?: () =
>
void, autoCancel?: boolean, alignment?: DialogAlignment, offset?: Offset, customStyle?: boolean,gridCount?: number})
CustomDialogController(value:{builder: CustomDialog, cancel?: () =
>
void, autoCancel?: boolean, alignment?: DialogAlignment, offset?: Offset, customStyle?: boolean,
gridCount?: number})
-
参数
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
浏览文件 @
91523f0c
...
...
@@ -12,14 +12,14 @@
## TextPickerDialog.show
show(options: TextPickerDialogOptions)
show(options
?
: TextPickerDialogOptions)
定义文本滑动选择器弹窗并弹出。
-
TextPickerDialogOptions参数
-
TextPickerDialogOptions参数
说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| range | string[] | 是 | - | 选择器的数据选择范围。 |
| range | string
[
]
\| [Resource
](
../../ui/ts-types.md#resource类型
)
| 是 | - | 选择器的数据选择范围。 |
| selected | number | 否 | 0 | 选中项在数组中的index值。 |
| value | string | 否 | - | 选中项文本值。当设置了selected参数时,该值不生效。如果该值不在range范围内,则默认取range第一个元素。|
| defaultPickerItemHeight | number
\|
string | 否 | - | 默认Picker内容项元素高度。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-page-transition-animation.md
浏览文件 @
91523f0c
...
...
@@ -44,8 +44,8 @@
| 事件 | 功能描述 |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
| onEnter(event: (type
:
RouteType,
progress
:
number)
=
>
void) | 回调入参为当前入场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。 |
| onExit(event: (type
:
RouteType,
progress
:
number)
=
>
void) | 回调入参为当前退场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。 |
| onEnter(event: (type
?:
RouteType,
progress?
:
number)
=
>
void) | 回调入参为当前入场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。 |
| onExit(event: (type
?:
RouteType,
progress?
:
number)
=
>
void) | 回调入参为当前退场动画的归一化进度[0
-
1]。
<br/>
-
type:跳转方法。
<br/>
-
progress:当前进度。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-types.md
浏览文件 @
91523f0c
...
...
@@ -28,7 +28,7 @@
| number | 默认单位vp。 |
| Resource | 使用引入资源的方式,引入系统资源或者应用资源中的尺寸。 |
## ResourceStr
<sup>8+</sup>
## ResourceStr
字符串类型,用于描述字符串入参可以使用的类型。
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
浏览文件 @
91523f0c
...
...
@@ -8,13 +8,12 @@
## 属性
| 名称 | 参数类型 | 描述 |
| ----------------------- | ---------------------------------------- | ---------------------------------------- |
| backgroundColor |
[
ResourceColor
](
ts-types.md#resourcecolor8
)
| 设置组件的背景色。 |
| backgroundImage | -
src:
[ResourceStr](ts-types.md#resourcestr8),
<br/>
-
repeat?:
[
ImageRepeat
](
ts-appendix-enums.md#imagerepeat
)
| src:图片地址,支持网络图片资源和本地图片资源地址(不支持svg类型的图片)。
<br/>
repeat:设置背景图片的重复样式,默认不重复。 |
| backgroundImageSize | {
<br/>
width?:
[Length](ts-types.md#length),
<br/>
height?:
[Length](ts-types.md#length)
<br/>
}
\|
[
ImageSize
](
ts-appendix-enums.md#imagesize
)
| 设置背景图像的高度和宽度。当输入为{width:
Length,
height:
Length}对象时,如果只设置一个属性,则第二个属性保持图片原始宽高比进行调整。默认保持原图的比例不变。
<br/>
默认值:ImageSize.Auto |
| backgroundImagePosition | {
<br/>
x?:
[Length](ts-types.md#length),
<br/>
y?:
[Length](ts-types.md#length)
<br/>
}
\|
[
Alignment
](
ts-appendix-enums.md#alignment
)
| 设置背景图在组件中显示位置。
<br/>
默认值:
<br/>
{
<br/>
x:
0,
<br/>
y:
0
<br/>
} |
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| backgroundColor |
[
ResourceColor
](
ts-types.md
)
| 设置组件的背景色。 |
| backgroundImage | src:
[ResourceStr](ts-types.md#resourcestr),
<br/>
repeat?:
[
ImageRepeat
](
ts-appendix-enums.md#imagerepeat
)
| src:图片地址,支持网络图片资源和本地图片资源地址(不支持svg类型的图片)。
<br/>
repeat:设置背景图片的重复样式,默认不重复。 |
| backgroundImageSize | {
<br/>
width?:
[Length](ts-types.md#length),
<br/>
height?:
[Length](ts-types.md#length)
<br/>
}
\|
[
ImageSize
](
ts-appendix-enums.md#imagesize
)
| 设置背景图像的高度和宽度。当输入为{width:
Length,
height:
Length}对象时,如果只设置一个属性,则第二个属性保持图片原始宽高比进行调整。默认保持原图的比例不变。
<br/>
默认值:ImageSize.Auto |
| backgroundImagePosition |
[
Position
](
ts-types.md#position8
)
\|
[
Alignment
](
ts-appendix-enums.md#alignment
)
| 设置背景图在组件中显示位置。
<br/>
默认值:
<br/>
{
<br/>
x:
0,
<br/>
y:
0
<br/>
} |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border-image.md
浏览文件 @
91523f0c
...
...
@@ -11,22 +11,22 @@
| 名称 | 参数类型 | 描述 |
| ---------- | ---------------------------------------- | --------------------------------------- |
| source | string
\|
[
Resource
](
ts-types.md#resource
)
\|
[
linearGradient
](
ts-universal-attributes-gradient-color.md
)
| 边框图源或者渐变色设置。 |
| slice |
[
Length
](
ts-types.md#length
)
\|
EdgeWidth | 设置图片边框切割宽度。
<br/>
默认值:0 |
| width |
[
Length
](
ts-types.md#length
)
\|
EdgeWidth | 设置图片边框宽度。
<br/>
默认值:0 |
| outset |
[
Length
](
ts-types.md#length
)
\|
EdgeWidth | 设置边框图片向外延伸距离。
<br/>
默认值:0 |
| slice |
[
Length
](
ts-types.md#length
)
\|
EdgeWidth
s
| 设置图片边框切割宽度。
<br/>
默认值:0 |
| width |
[
Length
](
ts-types.md#length
)
\|
EdgeWidth
s
| 设置图片边框宽度。
<br/>
默认值:0 |
| outset |
[
Length
](
ts-types.md#length
)
\|
EdgeWidth
s
| 设置边框图片向外延伸距离。
<br/>
默认值:0 |
| RepeatMode | RepeatMode | 设置边框图片的重复方式。
<br/>
默认值:RepeatMode.Stretch |
| fill | boolean | 设置边框图片中心填充。
<br/>
默认值:false |
## EdgeWidth
枚举说明
## EdgeWidth
s对象说明
引用该对象时,至少传入一个参数。
| 名称
| 参数类型 | 必填 | 描述
|
| ------
| ---------------------------- | ---- |
------- |
| left
|
[
Length
](
ts-types.md#length
)
| 否
| 左侧距离参数。 |
| right
|
[
Length
](
ts-types.md#length
)
| 否
| 右侧距离参数。 |
| top
|
[
Length
](
ts-types.md#length
)
| 否
| 上侧距离参数。 |
| bottom |
[
Length
](
ts-types.md#length
)
| 否
| 下侧距离参数。 |
| 名称
| 参数类型 | 必填 |描述
|
| ------
-- | -------- |-------- |-
------- |
| left
|
[
Length
](
ts-types.md#length
)
| 否
| 左侧距离参数。 |
| right
|
[
Length
](
ts-types.md#length
)
| 否
| 右侧距离参数。 |
| top
|
[
Length
](
ts-types.md#length
)
| 否
| 上侧距离参数。 |
| bottom |
[
Length
](
ts-types.md#length
)
| 否 | 下侧距离参数。 |
## RepeatMode枚举说明
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border.md
浏览文件 @
91523f0c
...
...
@@ -11,16 +11,15 @@
## 属性
| 名称 | 参数类型 | 描述 |
| ------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| border | {
<br/>
width?:
[Length](ts-types.md#length)
\|
EdgeWidths
<sup>
9+
</sup>
,
<br/>
color?:
[ResourceColor](ts-types.md#resourcecolor8)
\|
EdgeColors
<sup>
9+
</sup>
,
<br/>
radius?:
[Length](ts-types.md#length)
\|
BorderRadiuses
<sup>
9+
</sup>
,
<br/>
style?:
[BorderStyle](ts-appendix-enums.md#borderstyle)
\|
EdgeStyles
<sup>
9+
</sup><br/>
} | 统一边框样式设置接口。
<br/>
-
width:设置边框宽度。
<br/>
-
color:设置边框颜色。
<br/>
-
radius:设置边框圆角半径。
<br/>
-
style:设置边框样式。 |
| borderStyle |
[
BorderStyle
](
ts-appendix-enums.md#borderstyle
)
\|
EdgeStyles
<sup>
9+
</sup>
| 设置元素的边框样式。
<br/>
默认值:BorderStyle.Solid |
| borderWidth |
[
Length
](
ts-types.md#length
)
\|
EdgeWidths
<sup>
9+
</sup>
| 设置元素的边框宽度。 |
| borderColor |
[
ResourceColor
](
ts-types.md#resourcecolor8
)
\|
EdgeColors
<sup>
9+
</sup>
| 设置元素的边框颜色。 |
| borderRadius |
[
Length
](
ts-types.md#length
)
\|
BorderRadiuses
<sup>
9+
</sup>
| 设置元素的边框圆角半径。 |
| 名称 | 参数类型 | 描述 |
| ------------ | ---------------------------------------- | ---------------------------------------- |
| border | {
<br/>
width?:
[Length](ts-types.md#length)
\|
EdgeWidth
<sup>
9+
</sup>
,
<br/>
color?:
[ResourceColor](ts-types.md#resourcecolor8)
\|
EdgeColor
<sup>
9+
</sup>
,
<br/>
radius?:
[Length](ts-types.md#length)
\|
BorderRadiuses
<sup>
9+
</sup>
,
<br/>
style?:
[BorderStyle](ts-appendix-enums.md#borderstyle)
\|
EdgeStyle
<sup>
9+
</sup><br/>
} | 统一边框样式设置接口。
<br/>
-
width:设置边框宽度。
<br/>
-
color:设置边框颜色。
<br/>
-
radius:设置边框圆角半径。
<br/>
-
style:设置边框样式。 |
| borderStyle |
[
BorderStyle
](
ts-appendix-enums.md#borderstyle
)
\|
EdgeStyle
<sup>
9+
</sup>
| 设置元素的边框样式。
<br/>
默认值:BorderStyle.Solid |
| borderWidth |
[
Length
](
ts-types.md#length
)
\|
EdgeWidth
<sup>
9+
</sup>
| 设置元素的边框宽度。 |
| borderColor |
[
ResourceColor
](
ts-types.md#resourcecolor8
)
\|
EdgeColor
<sup>
9+
</sup>
| 设置元素的边框颜色。 |
| borderRadius |
[
Length
](
ts-types.md#length
)
\|
BorderRadiuses
<sup>
9+
</sup>
| 设置元素的边框圆角半径。 |
## EdgeWidth<sup>9+</sup>对象说明
## EdgeWidths<sup>9+</sup>对象说明
引入该对象时,至少传入一个参数。
...
...
@@ -31,7 +30,7 @@
| top |
[
Length
](
ts-types.md#length
)
| 否 | 上侧边框宽度。 |
| bottom |
[
Length
](
ts-types.md#length
)
| 否 | 下侧边框宽度。 |
## EdgeColor<sup>9+</sup>对象说明
## EdgeColor
s
<sup>9+</sup>对象说明
引入该对象时,至少传入一个参数。
...
...
@@ -53,7 +52,7 @@
| bottomLeft |
[
Length
](
ts-types.md#length
)
| 否 | 左下角圆角半径。 |
| bottomRight |
[
Length
](
ts-types.md#length
)
| 否 | 右下角圆角半径。 |
## EdgeStyle<sup>9+</sup>对象说明
## EdgeStyle
s
<sup>9+</sup>对象说明
引入该对象时,至少传入一个参数。
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-location.md
浏览文件 @
91523f0c
...
...
@@ -14,9 +14,9 @@
| -------- | -------- | -------- |
| align |
[
Alignment
](
ts-appendix-enums.md#alignment
)
| 设置元素内容的对齐方式,只有当设置的width和height大小超过元素本身内容大小时生效。
<br/>
默认值:Alignment.Center |
| direction |
[
Direction
](
ts-appendix-enums.md#direction
)
| 设置元素水平方向的布局。
<br/>
默认值:Direction.Auto |
| position |
{
<br/>
x:
[Length](ts-types.md#length),
<br/>
y:
[
Length
](
ts-types.md#length
)
<br/>
}
| 使用绝对定位,设置元素锚点相对于父容器顶部起点偏移位置。在布局容器中,设置该属性不影响父容器布局,仅在绘制时进行位置调整。 |
| markAnchor |
{
<br/>
x:
[Length](ts-types.md#length),
<br/>
y:
[
Length
](
ts-types.md#length
)
<br/>
}
| 设置元素在位置定位时的锚点,以元素顶部起点作为基准点进行偏移。
<br/>
默认值:
<br/>
{
<br/>
x: 0,
<br/>
y: 1
<br/>
} |
| offset |
{
<br/>
x:
[Length](ts-types.md#length),
<br/>
y:
[
Length
](
ts-types.md#length
)
<br/>
}
| 相对布局完成位置坐标偏移量,设置该属性,不影响父容器布局,仅在绘制时进行位置调整。
<br/>
默认值:
<br/>
{
<br/>
x: 0,
<br/>
y: 1
<br/>
} |
| position |
[
Position
](
ts-types.md#position8
)
| 使用绝对定位,设置元素锚点相对于父容器顶部起点偏移位置。在布局容器中,设置该属性不影响父容器布局,仅在绘制时进行位置调整。 |
| markAnchor |
[
Position
](
ts-types.md#position8
)
| 设置元素在位置定位时的锚点,以元素顶部起点作为基准点进行偏移。
<br/>
默认值:
<br/>
{
<br/>
x: 0,
<br/>
y: 1
<br/>
} |
| offset |
[
Position
](
ts-types.md#position8
)
| 相对布局完成位置坐标偏移量,设置该属性,不影响父容器布局,仅在绘制时进行位置调整。
<br/>
默认值:
<br/>
{
<br/>
x: 0,
<br/>
y: 1
<br/>
} |
| alignRules
<sup>
9+
</sup>
| {
<br/>
left?: { anchor: string, align:
[
HorizontalAlign
](
ts-appendix-enums.md#horizontalalign
)
};
<br/>
right?: { anchor: string, align:
[
HorizontalAlign
](
ts-appendix-enums.md#horizontalalign
)
};
<br/>
middle?: { anchor: string, align:
[
HorizontalAlign
](
ts-appendix-enums.md#horizontalalign
)
};
<br/>
top?: { anchor: string, align:
[
VerticalAlign
](
ts-appendix-enums.md#verticalalign
)
};
<br/>
bottom?: { anchor: string, align:
[
VerticalAlign
](
ts-appendix-enums.md#verticalalign
)
};
<br/>
center?: { anchor: string, align:
[
VerticalAlign
](
ts-appendix-enums.md#verticalalign
)
}
<br/>
} | 指定相对容器的对齐规则。
<br/>
-
left:设置左对齐参数。
<br/>
-
right:设置右对齐参数。
<br/>
-
middle:设置中间对齐的参数。
<br/>
-
top:设置顶部对齐的参数。
<br/>
-
bottom:设置底部对齐的参数。
<br/>
-
center:设置中心对齐的参数。
<br/>
**说明:**
<br/>
-
anchor:设置作为锚点的组件的id值。
<br>
-
align:设置相对于锚点组件的对齐方式。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-size.md
浏览文件 @
91523f0c
...
...
@@ -15,8 +15,8 @@
| width |
[
Length
](
ts-types.md#length
)
| 设置组件自身的宽度,缺省时使用元素自身内容需要的宽度。 |
| height |
[
Length
](
ts-types.md#length
)
| 设置组件自身的高度,缺省时使用元素自身内容需要的高度。 |
| size | {
<br/>
width?:
[Length](ts-types.md#length),
<br/>
height?:
[
Length
](
ts-types.md#length
)
<br/>
} | 设置高宽尺寸。 |
| padding |
{
<br/>
top?:
[Length](ts-types.md#length),
<br/>
right?:
[Length](ts-types.md#length),
<br/>
bottom?:
[Length](ts-types.md#length),
<br/>
left?:
[Length](ts-types.md#length)
<br/>
}
\|
[
Length
](
ts-types.md#length
)
| 设置内边距属性。
<br/>
参数为Length类型时,四个方向内边距同时生效。
<br>
默认值:0 |
| margin |
{
<br/>
top?:
[Length](ts-types.md#length),
<br/>
right?:
[Length](ts-types.md#length),
<br/>
bottom?:
[Length](ts-types.md#length),
<br/>
left?:
[Length](ts-types.md#length)
<br/>
}
<br/>
\|
[
Length
](
ts-types.md#length
)
| 设置外边距属性。
<br/>
参数为Length类型时,四个方向外边距同时生效。
<br>
默认值:0 |
| padding |
[
Padding
](
ts-types.md#padding
)
\|
[
Length
](
ts-types.md#length
)
| 设置内边距属性。
<br/>
参数为Length类型时,四个方向内边距同时生效。
<br>
默认值:0 |
| margin |
[
Margin
](
ts-types.md#margin
)
)
\|
[
Length
](
ts-types.md#length
)
| 设置外边距属性。
<br/>
参数为Length类型时,四个方向外边距同时生效。
<br>
默认值:0 |
| constraintSize | {
<br/>
minWidth?:
[Length](ts-types.md#length),
<br/>
maxWidth?:
[Length](ts-types.md#length),
<br/>
minHeight?:
[Length](ts-types.md#length),
<br/>
maxHeight?:
[
Length
](
ts-types.md#length
)
<br/>
} | 设置约束尺寸,组件布局时,进行尺寸范围限制。constraintSize的优先级高于Width和Height。
<br>
默认值:
<br>
{
<br/>
minWidth:
0,
<br/>
maxWidth:
Infinity,
<br/>
minHeight:
0,
<br/>
maxHeight:
Infinity
<br/>
} |
| layoutWeight | number
\|
string | 容器尺寸确定时,元素与兄弟节点主轴布局尺寸按照权重进行分配,忽略本身尺寸设置,表示自适应占满剩余空间。
<br>
**说明:**
<br/>
仅在Row/Column/Flex布局中生效。
<br>
默认值:0 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-transformation.md
浏览文件 @
91523f0c
...
...
@@ -19,7 +19,7 @@
| rotate | {
<br/>
x?:
number,
<br/>
y?:
number,
<br/>
z?:
number,
<br/>
angle?:
Angle,
<br/>
centerX?:
number
\|
string,
<br/>
centerY?:
number
\|
string
<br/>
} | {
<br/>
x:
0,
<br/>
y:
0,
<br/>
z:
0,
<br/>
angle:
0,
<br/>
centerX:
'50%',
<br/>
centerY:
'50%'
<br/>
} | (x,
y,
z)指定一个矢量,表示旋转轴,正角度为顺时针转动,负角度为逆时针转动,默认值为0,同时可以通过centerX和centerY设置旋转的中心点。 |
| translate | {
<br/>
x?:
number
\|
string,
<br/>
y?:
number
\|
string,
<br/>
z?
:
number
\|
string
<br/>
} | {
<br/>
x:
0,
<br/>
y:
0,
<br/>
z:
0
<br/>
} | 可以分别设置X轴、Y轴、Z轴的平移距离,距离的正负控制平移的方向,默认值为0。不支持百分比形式的输入。|
| scale | {
<br/>
x?:
number,
<br/>
y?:
number,
<br/>
z?:
number,
<br/>
centerX?:
number
\|
string,
<br/>
centerY?:
number
\|
string
<br/>
} | {
<br/>
x:
1,
<br/>
y:
1,
<br/>
z:
1,
<br/>
centerX:'50%',
<br/>
centerY:'50%'
<br/>
} | 可以分别设置X轴、Y轴、Z轴的缩放比例,默认值为1,同时可以通过centerX和centerY设置缩放的中心点。 |
| transform |
matrix:
Matrix4
| - | 设置当前组件的变换矩阵。 |
| transform |
Matrix4Transit
| - | 设置当前组件的变换矩阵。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-drag-drop.md
浏览文件 @
91523f0c
...
...
@@ -10,7 +10,7 @@
| 名称 | 支持冒泡 | 功能描述 |
| ---------------------------------------- | ---- | ---------------------------------------- |
| onDragStart(event:
(event?:
DragEvent,
extraParams?:
string)
<br>
=
>
[
CustomBuilder
](
ts-types.md#custombuilder8
)
)
\|
DragItemInfo
| 否 | 第一次拖拽此事件绑定的组件时,触发回调。
<br/>
- event:拖拽事件信息,包括拖拽点坐标。
<br/>
- extraParams:拖拽事件额外信息,详见extraParam类型描述。
<br/>
返回值:当前跟手效果所拖拽的对象,用于显示拖拽时的提示组件。
<br/>
长按150毫秒(ms)可触发拖拽事件。优先级:长按手势配置时间小于等于150毫秒(ms)时,长按手势优先触发,否则拖拽事件优先触发。 |
| onDragStart(event:
(event?:
DragEvent,
extraParams?:
string)
=
>
[
CustomBuilder
](
ts-types.md#custombuilder8
)
\|
DragItemInfo)
| 否 | 第一次拖拽此事件绑定的组件时,触发回调。
<br/>
- event:拖拽事件信息,包括拖拽点坐标。
<br/>
- extraParams:拖拽事件额外信息,详见extraParam类型描述。
<br/>
返回值:当前跟手效果所拖拽的对象,用于显示拖拽时的提示组件。
<br/>
长按150毫秒(ms)可触发拖拽事件。优先级:长按手势配置时间小于等于150毫秒(ms)时,长按手势优先触发,否则拖拽事件优先触发。 |
| onDragEnter(event:
(event?:
DragEvent,
extraParams?:
string)
=
>
void) | 否 | 拖拽进入组件范围内时,触发回调。
<br/>
- event:拖拽事件信息,包括拖拽点坐标。
<br/>
- extraParams:拖拽事件额外信息,详见extraParam类型描述。
<br/>
当监听了onDrop事件时,此事件才有效。 |
| onDragMove(event:
(event?:
DragEvent,
extraParams?:
string)
=
>
void) | 否 | 拖拽在组件范围内移动时,触发回调。
<br/>
- event:拖拽事件信息,包括拖拽点坐标。
<br/>
- extraParams:拖拽事件额外信息,详见extraParam类型描述。
<br/>
当监听了onDrop事件时,此事件才有效。 |
| onDragLeave(event:
(event?:
DragEvent,
extraParams?:
string)
=
>
void) | 否 | 拖拽离开组件范围内时,触发回调。
<br/>
- event:拖拽事件信息,包括拖拽点坐标。
<br/>
- extraParams:拖拽事件额外信息,详见extraParam类型描述。
<br/>
当监听了onDrop事件时,此事件才有效。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录