Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
e0c07bb6
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,发现更多精彩内容 >>
未验证
提交
e0c07bb6
编写于
7月 12, 2023
作者:
O
openharmony_ci
提交者:
Gitee
7月 12, 2023
浏览文件
操作
浏览文件
下载
差异文件
!20773 增加通用属性background规格说明
Merge pull request !20773 from zhangDH/background
上级
af6b900d
fb5a300d
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
35 addition
and
2 deletion
+35
-2
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_background.png
...dev/reference/arkui-ts/figures/zh-cn_image_background.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md
...reference/arkui-ts/ts-basic-components-loadingprogress.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
.../reference/arkui-ts/ts-universal-attributes-background.md
+34
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_background.png
0 → 100644
浏览文件 @
e0c07bb6
11.2 KB
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md
浏览文件 @
e0c07bb6
...
...
@@ -24,7 +24,7 @@ LoadingProgress()
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| color |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 设置加载进度条前景色。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| color |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 设置加载进度条前景色。
<br/>
默认值:'#99666666'。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| enableLoading
<sup>
10+
</sup>
| boolean | 设置LoadingProgress动画显示或者不显示。
<br/>
默认值:true。
<br/>
**说明:**
<br/>
LoadingProgress动画不显示时,该组件依旧占位。
<br/>
通用属性Visibility.Hidden隐藏的是包括border、padding等整个组件范围,而enableLoading=false只隐藏LoadingProgress本身动画内容,不包括border等。|
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
浏览文件 @
e0c07bb6
...
...
@@ -10,6 +10,7 @@
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| background
<sup>
10+
</sup>
| builder:
[
CustomBuilder
](
ts-types.md#custombuilder8
)
,
<br>
options?: {align?:
[
Alignment
](
ts-appendix-enums.md#alignment
)
} | builder:自定义背景。
<br/>
align:设置自定义背景与组件的对齐方式。
<br/>
同时设置了background,backgroundColor,backgroundImage时,叠加显示,background在最上层。 |
| backgroundColor |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 设置组件的背景色。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| backgroundImage | src:
[ResourceStr](ts-types.md#resourcestr),
<br/>
repeat?:
[
ImageRepeat
](
ts-appendix-enums.md#imagerepeat
)
| src:图片地址,支持网络图片资源地址和本地图片资源地址和Base64,不支持svg类型的图片。
<br/>
repeat:设置背景图片的重复样式,默认不重复。当设置的背景图片为透明底色图片,且同时设置了backgroundColor时,二者叠加显示,背景颜色在最底部。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| 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/>
width和height取值范围:
[
0, +∞)<br/>默认值:ImageSize.Auto<br/>从API version 9开始,该接口支持在ArkTS卡片中使用。<br/>**说明:** <br/>设置为小于0的值时,按值为0显示。当设置了height未设置width时,width根据图片原始宽高比进行调整。 |
...
...
@@ -122,3 +123,35 @@ struct BackgroundBlurStyleDemo {
```
![
zh-cn_image_background_blur_style
](
figures/zh-cn_image_background_blur_style.png
)
### 示例3
```
ts
// xxx.ets
@
Entry
@
Component
struct
BackgroundExample
{
@
Builder
renderBackground
()
{
Column
()
{
Progress
({
value
:
50
})
}
}
build
()
{
Column
()
{
Text
(
"
content
"
)
.
width
(
100
)
.
height
(
40
)
.
fontColor
(
"
#FFF
"
)
.
position
({
x
:
50
,
y
:
80
})
.
textAlign
(
TextAlign
.
Center
)
.
backgroundColor
(
Color
.
Green
)
}
.
width
(
200
).
height
(
200
)
.
background
(
this
.
renderBackground
)
.
backgroundColor
(
Color
.
Gray
)
}
}
```
![
zh-cn_image_background
](
figures/zh-cn_image_background.png
)
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录