Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
42da7b38
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看板
体验新版 GitCode,发现更多精彩内容 >>
提交
42da7b38
编写于
8月 17, 2023
作者:
Z
zhouxiumin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Dialog中maskRect,offset,alignment属性更新说明
Signed-off-by:
N
zhouxiumin
<
zhouxiumin@huawei.com
>
上级
3b3b877f
变更
7
隐藏空白更改
内联
并排
Showing
7 changed file
with
35 addition
and
0 deletion
+35
-0
zh-cn/application-dev/reference/apis/js-apis-promptAction.md
zh-cn/application-dev/reference/apis/js-apis-promptAction.md
+3
-0
zh-cn/application-dev/reference/arkui-ts/ts-methods-action-sheet.md
...ication-dev/reference/arkui-ts/ts-methods-action-sheet.md
+1
-0
zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md
...ion-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md
+21
-0
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
-0
zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
...on-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
+3
-0
zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
...on-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
+3
-0
zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
...on-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
+3
-0
未找到文件。
zh-cn/application-dev/reference/apis/js-apis-promptAction.md
浏览文件 @
42da7b38
...
...
@@ -192,6 +192,9 @@ try {
| title | string
\|
[
Resource
](
../arkui-ts/ts-types.md#resource类型
)
<sup>
9+
</sup>
| 否 | 标题文本。 |
| message | string
\|
[
Resource
](
../arkui-ts/ts-types.md#resource类型
)
<sup>
9+
</sup>
| 否 | 内容文本。 |
| buttons |
[
[Button
](
#button
)
,
[
Button
](
#button
)
?,
[
Button
](
#button
)
?] | 否 | 对话框中按钮的数组,结构为:{text:'button',
color:
'
\#
666666'},支持1-3个按钮。其中第一个为positiveButton;第二个为negativeButton;第三个为neutralButton。 |
| alignment
<sup>
10+
</sup>
|
[
DialogAlignment
](
../arkui-ts/ts-methods-alert-dialog-box.md#dialogalignment枚举说明
)
| 否 | 弹窗在竖直方向上的对齐方式。
<br>
默认值:DialogAlignment.Default |
| offset
<sup>
10+
</sup>
|
[
Offset
](
../arkui-ts/ts-types.md#offset
)
| 否 | 弹窗相对alignment所在位置的偏移量。
<br/>
默认值:{
dx:
0
,
dy:
0
} |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
../arkui-ts/ts-methods-alert-dialog-box.md#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
## ShowDialogSuccessResponse
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-action-sheet.md
浏览文件 @
42da7b38
...
...
@@ -28,6 +28,7 @@ show(value: { title: string | Resource, message: string 
| alignment |
[
DialogAlignment
](
ts-methods-alert-dialog-box.md#dialogalignment枚举说明
)
| 否 | 弹窗在竖直方向上的对齐方式。
<br>
默认值:DialogAlignment.Bottom |
| offset | {
<br/>
dx:
Length,
<br/>
dy:
Length
<br/>
} | 否 | 弹窗相对alignment所在位置的偏移量。{
<br/>
dx:
0,
<br/>
dy:
0
<br/>
} |
| sheets | Array
<
SheetInfo
>
| 是 | 设置选项内容,每个选择项支持设置图片、文本和选中的回调。 |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
ts-methods-alert-dialog-box.md#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
## SheetInfo接口说明
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md
浏览文件 @
42da7b38
...
...
@@ -27,6 +27,7 @@
| alignment |
[
DialogAlignment
](
#dialogalignment枚举说明
)
| 否 | 弹窗在竖直方向上的对齐方式。
<br>
默认值:DialogAlignment.Default |
| offset |
[
Offset
](
ts-types.md#offset
)
| 否 | 弹窗相对alignment所在位置的偏移量。
<br/>
默认值:{
dx:
0
,
dy:
0
} |
| gridCount | number | 否 | 弹窗容器宽度所占用栅格数。
<br/>
默认值:4 |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
## AlertDialogParamWithButtons对象说明
| 参数名 | 参数类型 | 必填 | 参数描述 |
...
...
@@ -40,6 +41,7 @@
| alignment |
[
DialogAlignment
](
#dialogalignment枚举说明
)
| 否 | 弹窗在竖直方向上的对齐方式。
<br>
默认值:DialogAlignment.Default |
| offset |
[
Offset
](
ts-types.md#offset
)
| 否 | 弹窗相对alignment所在位置的偏移量。 |
| gridCount | number | 否 | 弹窗容器宽度所占用栅格数。 |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
## DialogAlignment枚举说明
...
...
@@ -56,6 +58,25 @@
| BottomStart
<sup>
8+
</sup>
| 左下对齐。 |
| BottomEnd
<sup>
8+
</sup>
| 右下对齐。 |
## Rectangle<sup>10+</sup>类型说明
Rectangle是各种Dialog中maskRect参数的类型。
| 名称 | 类型 | 必填 | 描述 |
|--------|------------------------------|----|-----------------------------------|
| x |
[
Length
](
ts-types.md#length
)
| 否 | 弹窗遮蔽层区域相对于窗口左上角的x轴坐标。
<br/>
默认值:0vp |
| y |
[
Length
](
ts-types.md#length
)
| 否 | 弹窗遮蔽层区域相对于窗口左上角的y轴坐标。
<br/>
默认值:0vp |
| width |
[
Length
](
ts-types.md#length
)
| 否 | 弹窗遮蔽层区域的宽度。
<br/>
默认值:'100%' |
| height |
[
Length
](
ts-types.md#length
)
| 否 | 弹窗遮蔽层区域的高度。
<br/>
默认值:'100%' |
> **说明:**
>
> x和y可以设置正负值百分比。当x设置为'100%'时表示遮蔽层区域往右偏移窗口本身宽度大小,当x设置为'-100%'时表示遮蔽层区域往左偏移窗口本身宽度大小。当y设置为'100%'时表示遮蔽层区域往下偏移窗口本身高度大小,当y设置为'-100%'时表示遮蔽层区域往上偏移窗口本身高度大小。
>
> width和height只能设置正值,支持百分比,如果设置为负值,那么该值将被重置为默认值。
>
> 百分比相对于窗口自身宽高进行计算。
## 示例
```
ts
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-custom-dialog-box.md
浏览文件 @
42da7b38
...
...
@@ -29,6 +29,7 @@ CustomDialogController(value:{builder: CustomDialog, cancel?: () => void, aut
| openAnimation
<sup>
10+
</sup>
|
[
AnimateParam
](
ts-explicit-animation.md#animateparam对象说明
)
| 否 | 自定义设置弹窗弹出的动画效果相关参数。
<br>
**说明**
:
<br>
iterations默认值为1,默认播放一次,设置为其他数值时按默认值处理。
<br>
playMode控制动画播放模式,默认值为PlayMode.Normal,设置为其他数值时按照默认值处理。 |
| closeAniamtion
<sup>
10+
</sup>
|
[
AnimateParam
](
ts-explicit-animation.md#animateparam对象说明
)
| 否 | 自定义设置弹窗关闭的动画效果相关参数。
<br>
**说明**
:
<br>
iterations默认值为1,默认播放一次,设置为其他数值时按默认值处理。
<br>
playMode控制动画播放模式,默认值为PlayMode.Normal,设置为其他数值时按照默认值处理。 |
| showInSubWindow
<sup>
10+
</sup>
| boolean | 否 | 某弹框需要显示在主窗口之外时,是否在子窗口显示此弹窗。
<br>
默认值:false,在子窗口不显示弹窗。
<br>
**说明**
:showInSubWindow为true的弹窗无法触发显示另一个showInSubWindow为true的弹窗。 |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
ts-methods-alert-dialog-box.md#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
## CustomDialogController
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
浏览文件 @
42da7b38
...
...
@@ -29,6 +29,9 @@ show(options?: DatePickerDialogOptions)
| disappearTextStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置所有选项中最上和最下两个选项的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff182431',
<br/>
font: {
<br/>
size: '14fp',
<br/>
weight: FontWeight.Regular
<br/>
}
<br/>
} |
| textStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置所有选项中除了最上、最下及选中项以外的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff182431',
<br/>
font: {
<br/>
size: '16fp',
<br/>
weight: FontWeight.Regular
<br/>
}
<br/>
} |
| selectedTextStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置选中项的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff007dff',
<br/>
font: {
<br/>
size: '20vp',
<br/>
weight: FontWeight.Medium
<br/>
}
<br/>
} |
| alignment
<sup>
10+
</sup>
|
[
DialogAlignment
](
ts-methods-alert-dialog-box.md#dialogalignment枚举说明
)
| 否 | 弹窗在竖直方向上的对齐方式。
<br>
默认值:DialogAlignment.Default |
| offset
<sup>
10+
</sup>
|
[
Offset
](
ts-types.md#offset
)
| 否 | 弹窗相对alignment所在位置的偏移量。
<br/>
默认值:{
dx:
0
,
dy:
0
} |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
ts-methods-alert-dialog-box.md#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
| onAccept
<sup>
(deprecated)
</sup>
| (value:
[
DatePickerResult
](
ts-basic-components-datepicker.md#DatePickerResult对象说明
)
) => void | 否 | 点击弹窗中的“确定”按钮时触发该回调。
<br
/>
**说明:**
<br
/>
从API version 8 开始支持,从 API version 10 开始废弃,建议使用onDateAccept。 |
| onCancel | () => void | 否 | 点击弹窗中的“取消”按钮时触发该回调。 |
| onChange
<sup>
(deprecated)
</sup>
| (value:
[
DatePickerResult
](
ts-basic-components-datepicker.md#DatePickerResult对象说明
)
) => void | 否 | 滑动弹窗中的滑动选择器使当前选中项改变时触发该回调。
<br
/>
**说明:**
<br
/>
从API version 8 开始支持,从 API version 10 开始废弃,建议使用onDateChange。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
浏览文件 @
42da7b38
...
...
@@ -28,6 +28,9 @@ show(options?: TextPickerDialogOptions)
| textStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置所有选项中除了最上、最下及选中项以外的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff182431',
<br/>
font: {
<br/>
size: '16fp',
<br/>
weight: FontWeight.Regular
<br/>
}
<br/>
} |
| selectedTextStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置选中项的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff007dff',
<br/>
font: {
<br/>
size: '20vp',
<br/>
weight: FontWeight.Medium
<br/>
}
<br/>
} |
| canLoop
<sup>
10+
</sup>
| boolean | 否 | 设置是否可循环滚动,true:可循环,false:不可循环,默认值:true。 |
| alignment
<sup>
10+
</sup>
|
[
DialogAlignment
](
ts-methods-alert-dialog-box.md#dialogalignment枚举说明
)
| 否 | 弹窗在竖直方向上的对齐方式。
<br>
默认值:DialogAlignment.Default |
| offset
<sup>
10+
</sup>
|
[
Offset
](
ts-types.md#offset
)
| 否 | 弹窗相对alignment所在位置的偏移量。
<br/>
默认值:{
dx:
0
,
dy:
0
} |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
ts-methods-alert-dialog-box.md#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
| onAccept | (value:
[
TextPickerResult
](
#textpickerresult对象说明
)
) => void | 否 | 点击弹窗中的“确定”按钮时触发该回调。 |
| onCancel | () => void | 否 | 点击弹窗中的“取消”按钮时触发该回调。 |
| onChange | (value:
[
TextPickerResult
](
#textpickerresult对象说明
)
) => void | 否 | 滑动弹窗中的选择器使当前选中项改变时触发该回调。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
浏览文件 @
42da7b38
...
...
@@ -26,6 +26,9 @@ show(options?: TimePickerDialogOptions)
| disappearTextStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置所有选项中最上和最下两个选项的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff182431',
<br/>
font: {
<br/>
size: '14fp',
<br/>
weight: FontWeight.Regular
<br/>
}
<br/>
} |
| textStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置所有选项中除了最上、最下及选中项以外的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff182431',
<br/>
font: {
<br/>
size: '16fp',
<br/>
weight: FontWeight.Regular
<br/>
}
<br/>
} |
| selectedTextStyle
<sup>
10+
</sup>
|
[
PickerTextStyle
](
ts-basic-components-datepicker.md#pickertextstyle10类型说明
)
| 否 | 设置选中项的文本颜色、字号、字体粗细。
<br/>
默认值:
<br/>
{
<br/>
color: '#ff007dff',
<br/>
font: {
<br/>
size: '20vp',
<br/>
weight: FontWeight.Medium
<br/>
}
<br/>
} |
| alignment
<sup>
10+
</sup>
|
[
DialogAlignment
](
ts-methods-alert-dialog-box.md#dialogalignment枚举说明
)
| 否 | 弹窗在竖直方向上的对齐方式。
<br>
默认值:DialogAlignment.Default |
| offset
<sup>
10+
</sup>
|
[
Offset
](
ts-types.md#offset
)
| 否 | 弹窗相对alignment所在位置的偏移量。
<br/>
默认值:{
dx:
0
,
dy:
0
} |
| maskRect
<sup>
10+
</sup>
|
[
Rectangle
](
ts-methods-alert-dialog-box.md#rectangle10类型说明
)
| 否 | 弹窗遮蔽层区域,在遮蔽层区域内的事件不透传,在遮蔽层区域外的事件透传。
<br/>
默认值:{ x: 0, y: 0, width: '100%', height: '100%' } |
| onAccept | (value:
[
TimePickerResult
](
ts-basic-components-timepicker.md#TimePickerResult对象说明
)
) => void | 否 | 点击弹窗中的“确定”按钮时触发该回调。 |
| onCancel | () => void | 否 | 点击弹窗中的“取消”按钮时触发该回调。 |
| onChange | (value:
[
TimePickerResult
](
ts-basic-components-timepicker.md#TimePickerResult对象说明
)
) => void | 否 | 滑动弹窗中的选择器使当前选中时间改变时触发该回调。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录