Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
12467202
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看板
提交
12467202
编写于
9月 28, 2022
作者:
S
sienna1128
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
sienna1128
<
lixiaoyan45@huawei.com
>
上级
b0ea0a2a
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
17 addition
and
17 deletion
+17
-17
zh-cn/application-dev/reference/arkui-ts/figures/gauge.png
zh-cn/application-dev/reference/arkui-ts/figures/gauge.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-gauge.md
...ation-dev/reference/arkui-ts/ts-basic-components-gauge.md
+4
-4
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md
...eference/arkui-ts/ts-universal-attributes-image-effect.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md
...n-dev/reference/arkui-ts/ts-universal-attributes-popup.md
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-touch-target.md
...eference/arkui-ts/ts-universal-attributes-touch-target.md
+10
-10
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/gauge.png
查看替换文件 @
b0ea0a2a
浏览文件 @
12467202
103.0 KB
|
W:
|
H:
69.7 KB
|
W:
|
H:
2-up
Swipe
Onion skin
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-gauge.md
浏览文件 @
12467202
...
...
@@ -21,7 +21,7 @@ Gauge(options:{value: number, min?: number, max?: number})
| 参数名 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| value | number | 是 |
数据图表的值,图中指针指向位置。用于组件创建时数据图表
值的预置。 |
| value | number | 是 |
量规图的当前数据值,即图中指针指向位置。用于组件创建时量规图初始
值的预置。 |
| min | number | 否 | 当前数据段最小值。
<br/>
默认值:0 |
| max | number | 否 | 当前数据段最大值。
<br/>
默认值:100 |
...
...
@@ -31,11 +31,11 @@ Gauge(options:{value: number, min?: number, max?: number})
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| value | number | 设置
当前数据图表的值,用于组件创建完成后数据图表值的设置
。
<br/>
默认值:0 |
| value | number | 设置
量规图的数据值,可用于动态修改量规图的数据值
。
<br/>
默认值:0 |
| startAngle | number | 设置起始角度位置,时钟0点为0度,顺时针方向为正角度。
<br/>
默认值:0 |
| endAngle | number | 设置终止角度位置,时钟0点为0度,顺时针方向为正角度。
<br/>
默认值:360 |
| colors | Array
<
[ColorStop](#colorstop)
>
| 设置
图表
的颜色,支持分段颜色设置。 |
| strokeWidth | Length | 设置环形
图表
的环形厚度。 |
| colors | Array
<
[ColorStop](#colorstop)
>
| 设置
量规图
的颜色,支持分段颜色设置。 |
| strokeWidth | Length | 设置环形
量规图
的环形厚度。 |
## ColorStop
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md
浏览文件 @
12467202
...
...
@@ -66,7 +66,7 @@ struct BlurEffectsExample {

### 示例2
图片效果属性的用法,
阴影,灰度,高光,饱和度,对比度,图像反转,叠色,色相旋转等。
设置图片的效果,包括
阴影,灰度,高光,饱和度,对比度,图像反转,叠色,色相旋转等。
```
ts
// xxx.ets
@
Entry
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-popup.md
浏览文件 @
12467202
...
...
@@ -45,8 +45,8 @@
@
Entry
@
Component
struct
PopupExample
{
@
State
handlePopup
:
boolean
=
false
@
State
customPopup
:
boolean
=
false
@
State
handlePopup
:
boolean
=
false
;
@
State
customPopup
:
boolean
=
false
;
// popup构造器定义弹框内容
@
Builder
popupBuilder
()
{
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-touch-target.md
浏览文件 @
12467202
# 触摸热区设置
适用于支持通用点击事件、通用触摸事件、通用手势处理的组件
的触摸热区设置
。
适用于支持通用点击事件、通用触摸事件、通用手势处理的组件。
> **说明:**
...
...
@@ -19,10 +19,10 @@
## Rectangle对象说明
| 名称 | 类型 | 必填 | 描述 |
| ------ | ----------------------------- | -----| -------------------------------- |
| 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 |
[
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%'
|
> **说明:**
>
...
...
@@ -30,7 +30,7 @@
>
> width和height只能设置正值百分比。width:'100%'表示热区宽度设置为该组件本身的宽度。比如组件本身宽度是100vp,那么'100%'表示热区宽度也为100vp。height:'100%'表示热区高度设置为该组件本身的高度。
>
> 百分比相对于组件
本身宽高
计算。
> 百分比相对于组件
自身宽高进行
计算。
## 示例
...
...
@@ -40,7 +40,7 @@
@
Entry
@
Component
struct
TouchTargetExample
{
@
State
text
:
string
=
""
@
State
text
:
string
=
""
;
build
()
{
Column
({
space
:
20
})
{
...
...
@@ -49,7 +49,7 @@ struct TouchTargetExample {
Button
(
"
button1
"
)
.
responseRegion
({
x
:
0
,
y
:
0
,
width
:
'
50%
'
,
height
:
'
100%
'
})
.
onClick
(()
=>
{
this
.
text
=
'
button1 clicked
'
this
.
text
=
'
button1 clicked
'
;
})
// 热区宽度为按钮的一半,且右移一个按钮宽度,点击button2右侧左边,点击事件生效
...
...
@@ -57,14 +57,14 @@ struct TouchTargetExample {
Button
(
"
button2
"
)
.
responseRegion
({
x
:
'
100%
'
,
y
:
0
,
width
:
'
50%
'
,
height
:
'
100%
'
})
.
onClick
(()
=>
{
this
.
text
=
'
button2 clicked
'
this
.
text
=
'
button2 clicked
'
;
})
// 热区大小为整个按钮,且下移一个按钮高度,点击button3下方按钮大小区域,点击事件生效
Text
(
"
{x:0,y:'100%',width:'100%',height:'100%'}
"
)
Button
(
"
button3
"
)
.
responseRegion
({
x
:
0
,
y
:
'
100%
'
,
width
:
'
100%
'
,
height
:
'
100%
'
})
.
onClick
(()
=>
{
this
.
text
=
'
button3 clicked
'
this
.
text
=
'
button3 clicked
'
;
})
Text
(
this
.
text
).
margin
({
top
:
50
})
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录