Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
398d5062
D
Docs
项目概览
OpenHarmony
/
Docs
接近 2 年 前同步成功
通知
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看板
未验证
提交
398d5062
编写于
9月 27, 2022
作者:
L
luoying_ace
提交者:
Gitee
9月 27, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-ts/ts-combined-gestures.md.
Signed-off-by:
N
luoying_ace
<
luoying19@huawei.com
>
上级
fc8a0a92
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
46 addition
and
29 deletion
+46
-29
zh-cn/application-dev/reference/arkui-ts/ts-combined-gestures.md
...pplication-dev/reference/arkui-ts/ts-combined-gestures.md
+46
-29
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-combined-gestures.md
浏览文件 @
398d5062
# 组合手势
手势识别组
,
多种手势组合为复合手势,支持连续识别、并行识别和互斥识别。
手势识别组
合,即
多种手势组合为复合手势,支持连续识别、并行识别和互斥识别。
> **说明:**
>
> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
...
...
@@ -38,39 +39,55 @@ GestureGroup(mode: GestureMode, ...gesture: GestureType[])
@
Entry
@
Component
struct
GestureGroupExample
{
@
State
count
:
number
=
0
@
State
offsetX
:
number
=
0
@
State
offsetY
:
number
=
0
@
State
borderStyles
:
BorderStyle
=
BorderStyle
.
Solid
@
State
count
:
number
=
0
;
@
State
offsetX
:
number
=
0
;
@
State
offsetY
:
number
=
0
;
@
State
positionX
:
number
=
0
;
@
State
positionY
:
number
=
0
;
@
State
borderStyles
:
BorderStyle
=
BorderStyle
.
Solid
;
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Center
,
justifyContent
:
FlexAlign
.
SpaceBetween
}
)
{
Column
(
)
{
Text
(
'
sequence gesture
\n
'
+
'
LongPress onAction:
'
+
this
.
count
+
'
\n
PanGesture offset:
\n
X:
'
+
this
.
offsetX
+
'
\n
'
+
'
Y:
'
+
this
.
offsetY
)
}.
translate
({
x
:
this
.
offsetX
,
y
:
this
.
offsetY
,
z
:
5
})
.
height
(
100
).
width
(
200
).
padding
(
10
).
margin
(
80
).
border
({
width
:
1
,
style
:
this
.
borderStyles
})
}
.
translate
({
x
:
this
.
offsetX
,
y
:
this
.
offsetY
,
z
:
0
})
.
height
(
150
)
.
width
(
200
)
.
padding
(
20
)
.
margin
(
20
)
.
border
({
width
:
3
,
style
:
this
.
borderStyles
})
.
gesture
(
GestureGroup
(
GestureMode
.
Sequence
,
LongPressGesture
({
repeat
:
true
})
.
onAction
((
event
:
GestureEvent
)
=>
{
if
(
event
.
repeat
)
{
this
.
count
++
}
console
.
log
(
'
LongPress onAction
'
)
})
.
onActionEnd
(()
=>
{
console
.
log
(
'
LongPress end
'
)
}),
PanGesture
({})
.
onActionStart
(()
=>
{
this
.
borderStyles
=
BorderStyle
.
Dashed
console
.
log
(
'
pan start
'
)
})
.
onActionUpdate
((
event
:
GestureEvent
)
=>
{
this
.
offsetX
=
event
.
offsetX
this
.
offsetY
=
event
.
offsetY
console
.
log
(
'
pan update
'
)
})
)
//以下组合手势为顺序识别,当长按手势事件未正常触发时则不会触发拖动手势事件
GestureGroup
(
GestureMode
.
Sequence
,
LongPressGesture
({
repeat
:
true
})
.
onAction
((
event
:
GestureEvent
)
=>
{
if
(
event
.
repeat
)
{
this
.
count
++
;
}
console
.
info
(
'
LongPress onAction
'
);
})
.
onActionEnd
(()
=>
{
console
.
info
(
'
LongPress end
'
);
}),
PanGesture
()
.
onActionStart
(()
=>
{
this
.
borderStyles
=
BorderStyle
.
Dashed
;
console
.
info
(
'
pan start
'
);
})
.
onActionUpdate
((
event
:
GestureEvent
)
=>
{
this
.
offsetX
=
this
.
positionX
+
event
.
offsetX
;
this
.
offsetY
=
this
.
positionY
+
event
.
offsetY
;
console
.
info
(
'
pan update
'
);
})
.
onActionEnd
(()
=>
{
this
.
positionX
=
this
.
offsetX
;
this
.
positionY
=
this
.
offsetY
;
this
.
borderStyles
=
BorderStyle
.
Solid
;
console
.
info
(
'
pan end
'
);
})
)
.
onCancel
(()
=>
{
console
.
log
(
'
sequence gesture canceled
'
)
console
.
info
(
'
sequence gesture canceled
'
);
})
)
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录