Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
dda4a915
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,发现更多精彩内容 >>
提交
dda4a915
编写于
7月 10, 2023
作者:
陈
陈长健
提交者:
chenchangjian
7月 10, 2023
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
overlay支持builder
Signed-off-by:
N
陈长健
<
chenchangjian@huawei.com
>
上级
dc6088c4
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
25 addition
and
1 deletion
+25
-1
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001210111632.png
...ference/arkui-ts/figures/zh-cn_image_0000001210111632.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-overlay.md
...dev/reference/arkui-ts/ts-universal-attributes-overlay.md
+25
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001210111632.png
0 → 100644
浏览文件 @
dda4a915
209.0 KB
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-overlay.md
浏览文件 @
dda4a915
...
...
@@ -10,7 +10,7 @@
| 名称 | 参数类型 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- |
| overlay | value:
string
,
<br/>
options?:
{
<br/>
align?:
[Alignment](ts-appendix-enums.md#alignment),
<br/>
offset?:
{x?:
number, y?:
number}
<br/>
} | {
<br/>
align:
Alignment.Center,
<br/>
offset:
{0,
0}
<br/>
} | 在当前组件上,增加遮罩文本。
<br/>
value: 遮罩文本内容
。
<br/>
options: 文本定位,align设置文本相对于组件的方位,
[
offset
](
ts-universal-attributes-location.md
)
为文本基于自身左上角的偏移量。文本默认处于组件左上角。
<br>
两者都设置时效果重叠,文本相对于组件方位定位后再基于当前位置文本的左上角进行偏移。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| overlay | value:
string
|
[CustomBuilder](../arkui-ts/ts-types.md#custombuilder8)
<sup>
10+
</sup>
,
<br/>
options?:
{
<br/>
align?:
[Alignment](ts-appendix-enums.md#alignment),
<br/>
offset?:
{x?:
number, y?:
number}
<br/>
} | {
<br/>
align:
Alignment.Center,
<br/>
offset:
{0,
0}
<br/>
} | 在当前组件上,增加遮罩文本。
<br/>
value: 遮罩文本内容或自定义组件构造函数
。
<br/>
options: 文本定位,align设置文本相对于组件的方位,
[
offset
](
ts-universal-attributes-location.md
)
为文本基于自身左上角的偏移量。文本默认处于组件左上角。
<br>
两者都设置时效果重叠,文本相对于组件方位定位后再基于当前位置文本的左上角进行偏移。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
## 示例
...
...
@@ -39,3 +39,27 @@ struct OverlayExample {
```
![
zh-cn_image_0000001205769446
](
figures/zh-cn_image_0000001205769446.png
)
```
ts
// xxx.ets
@
Entry
@
Component
struct
OverlayExample
{
@
Builder
OverlayNode
()
{
Column
()
{
Image
(
$r
(
'
app.media.img1
'
))
Text
(
"
This is overlayNode
"
).
fontSize
(
20
).
fontColor
(
Color
.
White
)
}.
width
(
180
).
height
(
180
).
alignItems
(
HorizontalAlign
.
Center
)
}
build
()
{
Column
()
{
Image
(
$r
(
'
app.media.img2
'
))
.
overlay
(
this
.
OverlayNode
(),
{
align
:
Alignment
.
Center
})
.
objectFit
(
ImageFit
.
Contain
)
}.
width
(
'
100%
'
)
.
border
({
color
:
Color
.
Black
,
width
:
2
}).
padding
(
20
)
}
}
```
![
zh-cn_image_0000001210111632
](
figures/zh-cn_image_0000001210111632.png
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录