Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
XKZJ_WCL
Docs
提交
20c2a330
D
Docs
项目概览
XKZJ_WCL
/
Docs
与 Fork 源项目一致
Fork自
OpenHarmony / Docs
通知
1
Star
0
Fork
0
代码
文件
提交
分支
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,发现更多精彩内容 >>
未验证
提交
20c2a330
编写于
3月 29, 2023
作者:
O
openharmony_ci
提交者:
Gitee
3月 29, 2023
浏览文件
操作
浏览文件
下载
差异文件
!16548 组件规格同步4
Merge pull request !16548 from 田雨/master4
上级
01011971
51f41898
变更
4
显示空白变更内容
内联
并排
Showing
4 changed file
with
19 addition
and
19 deletion
+19
-19
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
.../reference/arkui-ts/ts-universal-attributes-background.md
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md
...erence/arkui-ts/ts-universal-attributes-gradient-color.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md
...eference/arkui-ts/ts-universal-attributes-image-effect.md
+11
-11
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-drag-drop.md
...n-dev/reference/arkui-ts/ts-universal-events-drag-drop.md
+3
-3
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
浏览文件 @
20c2a330
...
...
@@ -11,8 +11,8 @@
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| 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:图片地址,支持网络图片资源
和本地图片资源地址(不支持svg类型的图片)。
<br/>
repeat:设置背景图片的重复样式,默认不重复
。
<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/>
默认值:ImageSize.Auto
<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根据图片原始宽高比进行调整
。 |
| backgroundImagePosition | [Position
](
ts-types.md#position8
)
\|
[
Alignment
](
ts-appendix-enums.md#alignment
)
| 设置背景图在组件中显示位置,即相对于组件左上角的坐标。
<br/>
默认值:
<br/>
{
<br/>
x:
0,
<br/>
y:
0
<br/>
}
<br/>
x和y值设置百分比时,偏移量是相对组件自身宽高计算的。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md
浏览文件 @
20c2a330
...
...
@@ -12,9 +12,9 @@
| 名称 | 参数类型 | 描述 |
| -------------- | -------------------------------------------- | ----------------------------------- |
| linearGradient | {
<br/>
angle?:
number
\|
string,
<br/>
direction?:
[GradientDirection](ts-appendix-enums.md#gradientdirection),
<br/>
colors:
Array
<
[ColorStop](ts-basic-components-gauge.md#colorstop)
>
,
<br/>
repeating?:
boolean
<br/>
} | 线性渐变。
<br/>
- angle:
线性渐变的起始角度。0点方向顺时针旋转为正向角度。
<br/>
默认值:180
<br/>
- direction:
线性渐变的方向,设置angle后不生效。
<br/>
默认值:GradientDirection.Bottom
<br/>
- colors:
为
渐变的颜色描述。
<br/>
- repeating:
为渐变的颜色重复着色。
<br/>
默认值:false
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| sweepGradient | {
<br/>
center:
Point,
<br/>
start?:
number
\|
string,
<br/>
end?:
number
\|
string,
<br/>
rotation?:
number\|string,
<br/>
colors:
Array
<
[ColorStop](ts-basic-components-gauge.md#colorstop)
>
,
<br/>
repeating?:
boolean
<br/>
} | 角度渐变,仅绘制0-360度范围内的角度,超出时不绘制渐变色,只绘制纯色。
<br/>
- center:为角度渐变的中心点,即相对于当前组件左上角的坐标。
<br/>
- start:角度渐变的起点。
<br/>
默认值:0
<br/>
- end:角度渐变的终点。
<br/>
默认值:0
<br/>
- rotation:
角度渐变的旋转角度。
<br/>
默认值:0
<br/>
- colors:
为渐变的颜色描述。
<br/>
- repeating:
为渐变的颜色重复着色。
<br/>
默认值:false
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
|
| radialGradient | {
<br/>
center:
Point,
<br/>
radius:
number
\|
string,
<br/>
colors:
Array
<
[ColorStop](ts-basic-components-gauge.md#colorstop)
>
,
<br/>
repeating?:
boolean
<br/>
} | 径向渐变。
<br/>
- center:径向渐变的中心点,即相对于当前组件左上角的坐标。
<br/>
- radius:径向渐变的半径。
<br/>
- colors:
为渐变的颜色描述。
<br/>
- repeating:
为渐变的颜色重复着色。
<br/>
默认值:false
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| linearGradient | {
<br/>
angle?:
number
\|
string,
<br/>
direction?:
[GradientDirection](ts-appendix-enums.md#gradientdirection),
<br/>
colors:
Array
<
[ColorStop](ts-basic-components-gauge.md#colorstop)
>
,
<br/>
repeating?:
boolean
<br/>
} | 线性渐变。
<br/>
- angle:
线性渐变的起始角度。0点方向顺时针旋转为正向角度。
<br/>
默认值:180
<br/>
- direction:
线性渐变的方向,设置angle后不生效。
<br/>
默认值:GradientDirection.Bottom
<br/>
- colors:
渐变的颜色描述。
<br/>
- repeating:
为渐变的颜色重复着色。
<br/>
默认值:false
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| sweepGradient | {
<br/>
center:
Point,
<br/>
start?:
number
\|
string,
<br/>
end?:
number
\|
string,
<br/>
rotation?:
number\|string,
<br/>
colors:
Array
<
[ColorStop](ts-basic-components-gauge.md#colorstop)
>
,
<br/>
repeating?:
boolean
<br/>
} | 角度渐变,仅绘制0-360度范围内的角度,超出时不绘制渐变色,只绘制纯色。
<br/>
- center:为角度渐变的中心点,即相对于当前组件左上角的坐标。
<br/>
- start:角度渐变的起点。
<br/>
默认值:0
<br/>
- end:角度渐变的终点。
<br/>
默认值:0
<br/>
- rotation:
角度渐变的旋转角度。
<br/>
默认值:0
<br/>
- colors:
为渐变的颜色描述。
<br/>
- repeating:
为渐变的颜色重复着色。
<br/>
默认值:false
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
设置为小于0的值时,按值为0处理,设置为大于360的值时,按值为360处理。
<br/>
当start、end、rotation的数据类型为string,值为"90"或"90%",与90效果一致
|
| radialGradient | {
<br/>
center:
Point,
<br/>
radius:
number
\|
string,
<br/>
colors:
Array
<
[ColorStop](ts-basic-components-gauge.md#colorstop)
>
,
<br/>
repeating?:
boolean
<br/>
} | 径向渐变。
<br/>
- center:径向渐变的中心点,即相对于当前组件左上角的坐标。
<br/>
- radius:径向渐变的半径。
<br/>
取值范围 [0,+∞)
<br>
**说明:**
<br/>
设置为小于的0值时,按值为0处理。
<br/>
- colors:
为渐变的颜色描述。
<br/>
- repeating:
为渐变的颜色重复着色。
<br/>
默认值:false
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md
浏览文件 @
20c2a330
...
...
@@ -12,16 +12,16 @@
| 名称 | 参数类型 | 默认值 | 描述 |
| ----------------------------- | ------------------------------------------------------------ | ------ | ------------------------------------------------------------ |
| blur | number | - | 为当前组件添加内容模糊效果,入参为模糊半径,模糊半径越大越模糊,为0时不模糊。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| backdropBlur | number | - | 为当前组件添加背景模糊效果,入参为模糊半径,模糊半径越大越模糊,为0时不模糊。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| blur | number | - | 为当前组件添加内容模糊效果,入参为模糊半径,模糊半径越大越模糊,为0时不模糊。
<br/>
取值范围:
[
0, +∞)<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| backdropBlur | number | - | 为当前组件添加背景模糊效果,入参为模糊半径,模糊半径越大越模糊,为0时不模糊。<br/>
取值范围:[0, +∞)<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| shadow | [ShadowOptions
](
#shadowoptions对象说明
)
\|
[
ShadowStyle
](
#shadowstyle10枚举说明
)
| - | 为当前组件添加阴影效果。
<br/>
入参类型为ShadowOptions时,可以指定模糊半径、阴影的颜色、X轴和Y轴的偏移量。
<br/>
入参类型为ShadowStyle时,可指定不同阴影样式。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。
<br/>
**说明:**
<br/>
ArkTS卡片上不支持参数为
[
ShadowStyle
](
#shadowstyle10枚举说明
)
类型。 |
| grayscale | number | 0.0 | 为当前组件添加灰度效果。值定义为灰度转换的比例,入参1.0则完全转为灰度图像,入参则0.0图像无变化,入参在0.0和1.0之间时,效果呈线性变化。(百分比)
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| brightness | number | 1.0 | 为当前组件添加高光效果,入参为高光比例,值为1时没有效果,小于1时亮度变暗,0为全黑
;大于1时亮度增加,数值越大亮度越大
。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| saturate | number | 1.0 | 为当前组件添加饱和度效果,饱和度为颜色中的含色成分和消色成分(灰)的比例,入参为1时,显示原图像,大于1时含色成分越大,饱和度越大
;小于1时消色成分越大,饱和度越小。(百分比)
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| contrast | number | 1.0 | 为当前组件添加对比度效果,入参为对比度的值
,值为1时,显示原图;大于1时,值越大对比度越高,图像越清晰醒目;小于1时,值越小对比度越低;当对比度为0时,图像变为全灰。(百分比)
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| invert | number | 0 | 反转输入的图像。入参为图像反转的比例
。值为1时完全反转。值为0则图像无变化。(百分比)
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| sepia | number | 0 | 将图像转换为深褐色。入参为图像反转的比例
。
值为1则完全是深褐色的,值为0图像无变化。
(百分比)
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| hueRotate | number
\|
string | '0deg' | 色相旋转效果,输入参数为旋转角度。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| grayscale | number | 0.0 | 为当前组件添加灰度效果。值定义为灰度转换的比例,入参1.0则完全转为灰度图像,入参则0.0图像无变化,入参在0.0和1.0之间时,效果呈线性变化。(百分比)
<br/>
取值范围:[0, 1]
<br/>
**说明:**
<br/>
设置小于0的值时,按值为0处理,设置大于1的值时,按值为1处理。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| brightness | number | 1.0 | 为当前组件添加高光效果,入参为高光比例,值为1时没有效果,小于1时亮度变暗,0为全黑
,大于1时亮度增加,数值越大亮度越大。
<br/>
取值范围:[0, +∞)
<br/>
**说明:**
<br/>
设置小于0的值时,按值为0处理
。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| saturate | number | 1.0 | 为当前组件添加饱和度效果,饱和度为颜色中的含色成分和消色成分(灰)的比例,入参为1时,显示原图像,大于1时含色成分越大,饱和度越大
,小于1时消色成分越大,饱和度越小。(百分比)
<br/>
取值范围:[0, +∞)
<br/>
**说明:**
<br/>
设置小于0的值时,按值为0处理。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| contrast | number | 1.0 | 为当前组件添加对比度效果,入参为对比度的值
。值为1时,显示原图,大于1时,值越大对比度越高,图像越清晰醒目,小于1时,值越小对比度越低,当对比度为0时,图像变为全灰。(百分比)
<br/>
取值范围:[0, +∞)
<br/>
**说明:**
<br/>
设置小于0的值时,按值为0处理。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| invert | number | 0 | 反转输入的图像。入参为图像反转的比例
,值为1时完全反转,值为0则图像无变化。(百分比)
<br/>
取值范围:[0, 1]
<br/>
**说明:**
<br/>
设置小于0的值时,按值为0处理。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| sepia | number | 0 | 将图像转换为深褐色。入参为图像反转的比例
,
值为1则完全是深褐色的,值为0图像无变化。
(百分比)
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| hueRotate | number
\|
string | '0deg' | 色相旋转效果,输入参数为旋转角度。
<br/>
取值范围:(-∞, +∞)
<br/>
**说明:**
<br/>
色调旋转360度会显示原始颜色。先将色调旋转180 度,然后再旋转-180度会显示原始颜色。数据类型为number时,值为90和'90deg'效果一致。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| colorBlend
<sup>
8+
</sup>
|
[
Color
](
ts-appendix-enums.md#color
)
\|
string
\|
[
Resource
](
ts-types.md#resource
)
| - | 为当前组件添加颜色叠加效果,入参为叠加的颜色。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
## ShadowOptions对象说明
...
...
@@ -32,8 +32,8 @@
| 名称 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | --------------- |
| radius | number
\|
[
Resource
](
ts-types.md#resource
)
| 是 | 阴影模糊半径。
|
| color |
[
Color
](
ts-appendix-enums.md#color
)
\|
string
\|
[
Resource
](
ts-types.md#resource
)
| 否 | 阴影的颜色。
<br/>
默认为
灰
色。 |
| radius | number
\|
[
Resource
](
ts-types.md#resource
)
| 是 | 阴影模糊半径。
<br/>
取值范围:
[
0, +∞)<br/>**说明:** <br/>设置小于0的值时,按值为0处理。
|
| color | [Color
](
ts-appendix-enums.md#color
)
\|
string
\|
[
Resource
](
ts-types.md#resource
)
| 否 | 阴影的颜色。
<br/>
默认为
黑
色。 |
| offsetX | number
\|
[
Resource
](
ts-types.md#resource
)
| 否 | 阴影的X轴偏移量。
<br/>
默认为0。 |
| offsetY | number
\|
[
Resource
](
ts-types.md#resource
)
| 否 | 阴影的Y轴偏移量。
<br/>
默认为0。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-drag-drop.md
浏览文件 @
20c2a330
...
...
@@ -67,7 +67,7 @@ struct DragExample {
@
State
bananaVisible
:
Visibility
=
Visibility
.
Visible
private
dragList
:
string
[]
=
[
'
apple
'
,
'
orange
'
,
'
banana
'
]
@
State
fruitVisible
:
Visibility
[]
=
[
Visibility
.
Visible
,
Visibility
.
Visible
,
Visibility
.
Visible
]
@
State
i
nde
x
:
number
=
0
@
State
i
d
x
:
number
=
0
// 自定义拖拽过程中显示的内容
@
Builder
pixelMapBuilder
()
{
...
...
@@ -104,7 +104,7 @@ struct DragExample {
.
onTouch
((
event
:
TouchEvent
)
=>
{
if
(
event
.
type
===
TouchType
.
Down
)
{
this
.
eventType
=
'
Down
'
this
.
i
nde
x
=
index
this
.
i
d
x
=
index
}
if
(
event
.
type
===
TouchType
.
Up
)
{
this
.
eventType
=
'
Up
'
...
...
@@ -157,7 +157,7 @@ struct DragExample {
this
.
numbers
.
splice
(
jsonString
.
insertIndex
,
0
,
this
.
text
)
this
.
bool
=
false
}
this
.
fruitVisible
[
this
.
i
nde
x
]
=
Visibility
.
None
this
.
fruitVisible
[
this
.
i
d
x
]
=
Visibility
.
None
})
}.
width
(
'
100%
'
).
height
(
'
100%
'
).
padding
({
top
:
20
}).
margin
({
top
:
20
})
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录