Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
61e95d0d
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
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看板
提交
61e95d0d
编写于
5月 31, 2023
作者:
W
wanyanglan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Go back to the full screen modal transition description document.
Signed-off-by:
N
wanyanglan
<
wanyanglan1@huawei.com
>
上级
d8b318de
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
1 addition
and
139 deletion
+1
-139
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_alpha.gif
...erence/arkui-ts/figures/zh-cn_full_screen_modal_alpha.gif
+0
-0
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_default.gif
...ence/arkui-ts/figures/zh-cn_full_screen_modal_default.gif
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-modal-transition.md
...ence/arkui-ts/ts-universal-attributes-modal-transition.md
+1
-139
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_alpha.gif
已删除
100644 → 0
浏览文件 @
d8b318de
128.7 KB
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_full_screen_modal_default.gif
已删除
100644 → 0
浏览文件 @
d8b318de
195.7 KB
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-modal-transition.md
浏览文件 @
61e95d0d
...
...
@@ -164,142 +164,4 @@ struct ModalTransitionExample {
}
```

### 示例3
全屏模态上下切换转场。
```
ts
// xxx.ets
@
Entry
@
Component
struct
ModalTransitionExample
{
@
State
isShow
:
boolean
=
false
@
State
isShow2
:
boolean
=
false
@
Builder
myBuilder2
()
{
Column
()
{
Button
(
"
close modal 2
"
)
.
margin
(
10
)
.
fontSize
(
20
)
.
onClick
(()
=>
{
this
.
isShow2
=
false
;
})
}
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
.
backgroundColor
(
Color
.
Gray
)
}
@
Builder
myBuilder
()
{
Column
()
{
Button
(
"
transition modal 2
"
)
.
margin
(
10
)
.
fontSize
(
20
)
.
onClick
(()
=>
{
this
.
isShow2
=
true
;
}).
bindContentCover
(
this
.
isShow2
,
this
.
myBuilder2
(),
ModalTransition
.
DEFAULT
)
Button
(
"
close modal 1
"
)
.
margin
(
10
)
.
fontSize
(
20
)
.
onClick
(()
=>
{
this
.
isShow
=
false
;
})
}
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
.
backgroundColor
(
Color
.
Pink
)
.
justifyContent
(
FlexAlign
.
Center
)
}
build
()
{
Column
()
{
Button
(
"
transition modal 1
"
)
.
onClick
(()
=>
{
this
.
isShow
=
true
})
.
fontSize
(
20
)
.
margin
(
10
)
.
bindContentCover
(
$$this
.
isShow
,
this
.
myBuilder
(),
ModalTransition
.
DEFAULT
)
}
.
justifyContent
(
FlexAlign
.
Center
)
.
backgroundColor
(
Color
.
White
)
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
}
}
```

### 示例4
全屏模态透明度渐变转场。
```
ts
// xxx.ets
@
Entry
@
Component
struct
ModalTransitionExample
{
@
State
isShow
:
boolean
=
false
@
State
isShow2
:
boolean
=
false
@
Builder
myBuilder2
()
{
Column
()
{
Button
(
"
close modal 2
"
)
.
margin
(
10
)
.
fontSize
(
20
)
.
onClick
(()
=>
{
this
.
isShow2
=
false
;
})
}
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
.
backgroundColor
(
Color
.
Gray
)
.
justifyContent
(
FlexAlign
.
Center
)
}
@
Builder
myBuilder
()
{
Column
()
{
Button
(
"
transition modal 2
"
)
.
margin
(
10
)
.
fontSize
(
20
)
.
onClick
(()
=>
{
this
.
isShow2
=
true
;
}).
bindContentCover
(
this
.
isShow2
,
this
.
myBuilder2
(),
ModalTransition
.
ALPHA
)
Button
(
"
close modal 1
"
)
.
margin
(
10
)
.
fontSize
(
20
)
.
onClick
(()
=>
{
this
.
isShow
=
false
;
})
}
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
.
backgroundColor
(
Color
.
Pink
)
.
justifyContent
(
FlexAlign
.
Center
)
}
build
()
{
Column
()
{
Button
(
"
transition modal 1
"
)
.
onClick
(()
=>
{
this
.
isShow
=
true
})
.
fontSize
(
20
)
.
margin
(
10
)
.
bindContentCover
(
$$this
.
isShow
,
this
.
myBuilder
(),
ModalTransition
.
ALPHA
)
}
.
justifyContent
(
FlexAlign
.
Center
)
.
backgroundColor
(
Color
.
White
)
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
}
}
```

\ No newline at end of file

\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录