Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
53829f71
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看板
未验证
提交
53829f71
编写于
10月 08, 2022
作者:
L
luoying_ace
提交者:
Gitee
10月 08, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-ts/ts-universal-events-touch.md.
Signed-off-by:
N
luoying_ace
<
luoying19@huawei.com
>
上级
2106fec1
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
29 addition
and
13 deletion
+29
-13
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-touch.md
...ation-dev/reference/arkui-ts/ts-universal-events-touch.md
+29
-13
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-touch.md
浏览文件 @
53829f71
# 触摸事件
当手指
放在组件上、滑动或从组件上移开
时触发。
当手指
在组件上按下、滑动、抬起
时触发。
> **说明:**
>
...
...
@@ -11,7 +11,7 @@
| 名称 | 是否冒泡 | 功能描述 |
| ------------------------------------------------------------ | -------- | ------------------------------------------------------------ |
| onTouch(event:
(event?:
TouchEvent)
=
>
void) | 是 |
触摸动作触发该方法调用,event参数
见
[
TouchEvent
](
#touchevent对象说明
)
介绍。 |
| onTouch(event:
(event?:
TouchEvent)
=
>
void) | 是 |
手指触摸动作触发该回调,event返回值
见
[
TouchEvent
](
#touchevent对象说明
)
介绍。 |
## TouchEvent对象说明
...
...
@@ -45,29 +45,45 @@
@
Entry
@
Component
struct
TouchExample
{
@
State
text
:
string
=
''
@
State
eventType
:
string
=
''
@
State
text
:
string
=
''
;
@
State
eventType
:
string
=
''
;
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Center
,
justifyContent
:
FlexAlign
.
SpaceBetween
}
)
{
Button
(
'
Touch
'
).
backgroundColor
(
0x2788D9
).
height
(
40
).
width
(
8
0
)
Column
(
)
{
Button
(
'
Touch
'
).
height
(
40
).
width
(
10
0
)
.
onTouch
((
event
:
TouchEvent
)
=>
{
if
(
event
.
type
===
TouchType
.
Down
)
{
this
.
eventType
=
'
Down
'
this
.
eventType
=
'
Down
'
;
}
if
(
event
.
type
===
TouchType
.
Up
)
{
this
.
eventType
=
'
Up
'
this
.
eventType
=
'
Up
'
;
}
if
(
event
.
type
===
TouchType
.
Move
)
{
this
.
eventType
=
'
Move
'
this
.
eventType
=
'
Move
'
;
}
console
.
info
(
this
.
text
=
'
TouchType:
'
+
this
.
eventType
+
'
\n
Distance between touch point and touch element:
\n
x:
'
+
event
.
touches
[
0
].
x
+
'
\n
'
+
'
y:
'
+
event
.
touches
[
0
].
y
+
'
\n
c
omponent globalPos:(
'
this
.
text
=
'
TouchType:
'
+
this
.
eventType
+
'
\n
Distance between touch point and touch element:
\n
x:
'
+
event
.
touches
[
0
].
x
+
'
\n
'
+
'
y:
'
+
event
.
touches
[
0
].
y
+
'
\n
C
omponent globalPos:(
'
+
event
.
target
.
area
.
globalPosition
.
x
+
'
,
'
+
event
.
target
.
area
.
globalPosition
.
y
+
'
)
\n
width:
'
+
event
.
target
.
area
.
width
+
'
\n
height:
'
+
event
.
target
.
area
.
height
)
+
event
.
target
.
area
.
width
+
'
\n
height:
'
+
event
.
target
.
area
.
height
;
})
Button
(
'
Touch
'
).
height
(
50
).
width
(
200
).
margin
(
20
)
.
onTouch
((
event
:
TouchEvent
)
=>
{
if
(
event
.
type
===
TouchType
.
Down
)
{
this
.
eventType
=
'
Down
'
;
}
if
(
event
.
type
===
TouchType
.
Up
)
{
this
.
eventType
=
'
Up
'
;
}
if
(
event
.
type
===
TouchType
.
Move
)
{
this
.
eventType
=
'
Move
'
;
}
this
.
text
=
'
TouchType:
'
+
this
.
eventType
+
'
\n
Distance between touch point and touch element:
\n
x:
'
+
event
.
touches
[
0
].
x
+
'
\n
'
+
'
y:
'
+
event
.
touches
[
0
].
y
+
'
\n
Component globalPos:(
'
+
event
.
target
.
area
.
globalPosition
.
x
+
'
,
'
+
event
.
target
.
area
.
globalPosition
.
y
+
'
)
\n
width:
'
+
event
.
target
.
area
.
width
+
'
\n
height:
'
+
event
.
target
.
area
.
height
;
})
Text
(
this
.
text
)
}.
height
(
200
).
width
(
350
).
padding
({
left
:
35
,
right
:
35
,
top
:
35
}
)
}.
width
(
'
100%
'
).
padding
(
30
)
}
}
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录