ArkUI开发框架在NDK接口主要提供点击手势、拖动手势、滑动手势、长按手势、捏合手势和旋转手势,通过给指定的组件绑定不同的手势并设置相应的回调,实现期望的手势交互能力。
下面通过一个简单的示例来介绍如何实现手势绑定。
- 创建一个Column节点,用于绑定手势。
// 创建Column节点
auto column = nodeAPI->createNode(ARKUI_NODE_COLUMN);
// 设置背景色
ArkUI_NumberValue value[] = {{.u32 = 0xff112233}};
ArkUI_AttributeItem item = {value, 1};
nodeAPI->setAttribute(column, NODE_BACKGROUND_COLOR, &item);
// 设置宽度
ArkUI_NumberValue widthValue[] = {{400}};
ArkUI_AttributeItem width = {widthValue, 1};
nodeAPI->setAttribute(column, NODE_WIDTH, &width);
// 设置高度
ArkUI_NumberValue heightValue[] = {{400}};
ArkUI_AttributeItem height = {heightValue, 1};
nodeAPI->setAttribute(column, NODE_HEIGHT, &height);
- 创建一个单指长按1秒并持续响应的长按手势。
// 获取手势Native接口集合
auto gestureApi = reinterpret_cast<ArkUI_NativeGestureAPI_1 *>(
OH_ArkUI_QueryModuleInterfaceByName(ARKUI_NATIVE_GESTURE, "ArkUI_NativeGestureAPI_1"));
// 创建长按手势
auto longPressGesture = gestureApi->createLongPressGesture(1, true, 1000);
- 将创建的手势和步骤一中创建的Column节点绑定。
// 设置回调
auto onActionCallBack = [](ArkUI_GestureEvent *event, void *extraParam) {
// 回调内容
};
// 将手势设置到组件上
gestureApi->setGestureEventTarget(longPressGesture, GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE | GESTURE_EVENT_ACTION_END, column, onActionCallBack);
gestureApi->addGestureToNode(column, longPressGesture, PARALLEL, NORMAL_GESTURE_MASK);
单一手势
通过上文的示例已经了解了如何将手势绑定在节点上,接下来将分别介绍不同手势的创建方法。
-
点击手势
通过给组件绑定点击手势可在组件被点击时触发此回调,可指定触发回调需要的点击次数和手指个数。
ArkUI_GestureRecognizer* (*createTapGesture)(int32_t countNum, int32_t fingersNum);
-
拖动手势
通过给组件绑定拖动手势可在用户拖动组件时触发回调,可指定触发回调需要的手指个数、拖动方向、拖动距离。单位为px。
ArkUI_GestureRecognizer* (*createPanGesture)(
int32_t fingersNum, ArkUI_GestureDirectionMask directions, double distanceNum);
-
长按手势
通过给组件绑定长按手势可在用户长按组件时触发回调,可指定触发回调需要的手指个数、长按时间(单位毫秒)、是否连续触发。
ArkUI_GestureRecognizer* (*createLongPressGesture)(int32_t fingersNum, bool repeatResult, int32_t durationNum);
-
捏合手势
通过给组件绑定捏合手势可在用户捏合组件时触发回调,可指定触发回调需要的手指个数(最小为2)、捏合距离(单位px)。
ArkUI_GestureRecognizer* (*createPinchGesture)(int32_t fingersNum, double distanceNum);
-
旋转手势
通过给组件绑定旋转手势可在用户旋转组件时触发回调,可指定触发回调需要的手指个数(最小为2)、旋转角度。
ArkUI_GestureRecognizer* (*createRotationGesture)(int32_t fingersNum, double angleNum);
-
滑动手势
通过给组件绑定滑动手势可在用户滑动组件时触发回调,可指定触发回调需要的手指个数(最小为1)、滑动方向、滑动速度(单位px/s)。
ArkUI_GestureRecognizer* (*createSwipeGesture)(
int32_t fingersNum, ArkUI_GestureDirectionMask directions, double speedNum);
组合手势
可以将多个不同类型的手势组合在一起,形成一个手势组,这个手势组可以作为一个识别整体,达到对用户多个不同类型手势序列的识别目的。
通过设置[ArkUI_GroupGestureMode]来指定这个手势组的识别模式,即组内的手势之间的关系,包含顺序识别SEQUENTIAL_GROUP,并行识别PARALLEL_GROUP,互斥识别EXCLUSIVE_GROUP。
顺序识别
顺序识别组合手势对应的ArkUI_GroupGestureMode为SEQUENTIAL_GROUP。顺序识别组合手势将按照手势的注册顺序识别手势,直到所有的手势识别成功。当顺序识别组合手势中有一个手势识别失败时,后续手势识别均失败。顺序识别手势组仅有最后一个手势可以响应[GESTURE_EVENT_ACTION_END]。
以顺序识别长按和滑动手势为例:
ArkUI_NodeHandle testGestureExample() {
auto column = nodeAPI->createNode(ARKUI_NODE_COLUMN);
// 创建手势并设置回调
ArkUI_NumberValue value[] = {{.u32 = 0xff112233}};
ArkUI_AttributeItem item = {value, 1};
nodeAPI->setAttribute(column, NODE_BACKGROUND_COLOR, &item);
ArkUI_NumberValue widthValue[] = {{200}};
ArkUI_AttributeItem width = {widthValue, 1};
nodeAPI->setAttribute(column, NODE_WIDTH, &width);
ArkUI_NumberValue heightValue[] = {{200}};
ArkUI_AttributeItem height = {heightValue, 1};
nodeAPI->setAttribute(column, NODE_HEIGHT, &height);
// 判断是否有手势API
auto gestureApi = reinterpret_cast<ArkUI_NativeGestureAPI_1 *>(
OH_ArkUI_QueryModuleInterfaceByName(ARKUI_NATIVE_GESTURE, "ArkUI_NativeGestureAPI_1"));
if (gestureApi->createGroupGesture) {
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, createGroupGesture api exist");
} else {
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, createGroupGesture api not exist");
}
auto groupGesture = gestureApi->createGroupGesture(ArkUI_GroupGestureMode::SEQUENTIAL_GROUP);
// 创建长按手势
auto longPressGesture = gestureApi->createLongPressGesture(1, true, 500);
if (gestureApi->getGestureType) {
ArkUI_GestureRecognizerType type = gestureApi->getGestureType(longPressGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack longPressGesture,ArkUI_GestureRecognizerType%{public}d", type);
}
// 给长按手势定回调
auto onActionCallBackPanLongPress = [](ArkUI_GestureEvent *event, void *extraParam) {
ArkUI_GestureEventActionType actionType = OH_ArkUI_GestureEvent_GetActionType(event);
float velocity = OH_ArkUI_PanGesture_GetVelocity(event);
float velocityX = OH_ArkUI_PanGesture_GetVelocityX(event);
float velocityY = OH_ArkUI_PanGesture_GetVelocityY(event);
float OffsetX = OH_ArkUI_PanGesture_GetOffsetX(event);
float OffsetY = OH_ArkUI_PanGesture_GetOffsetY(event);
float scale = OH_ArkUI_PinchGesture_GetScale(event);
float CenterX = OH_ArkUI_PinchGesture_GetCenterX(event);
float CenterY = OH_ArkUI_PinchGesture_GetCenterY(event);
float angle = OH_ArkUI_SwipeGesture_GetAngle(event);
float VelocityS = OH_ArkUI_SwipeGesture_GetVelocity(event);
float angleR = OH_ArkUI_RotationGesture_GetAngle(event);
float repeat = OH_ArkUI_LongPress_GetRepeatCount(event);
OH_LOG_Print(
LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack,longPressGesturecallback actionType:%{public}d,velocity%{public}f,velocityX"
"%{public}f;"
"velocityY%{public}f,OffsetX%{public}f,OffsetY%{public}f,scale%{public}fCenterX"
"%{public}fCenterY"
"%{public}fangle%{public}fVelocityS%{public}fangleR%{public}frepeat%{public}f",
actionType, velocity, velocityX, velocityY, OffsetX, OffsetY, scale, CenterX, CenterY, angle, VelocityS,
angleR, repeat);
};
gestureApi->setGestureEventTarget(longPressGesture,
GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE | GESTURE_EVENT_ACTION_CANCEL,
column, onActionCallBackPanLongPress);
// 将长按手势添加到手势组
if (gestureApi->addChildGesture) {
gestureApi->addChildGesture(groupGesture, longPressGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager", "onPanActionCallBack, addChildGesture longPressGesture");
}
// 创建滑动手势 swipe
auto swipeGesture = gestureApi->createSwipeGesture(1, GESTURE_DIRECTION_ALL, 100);
if (gestureApi->getGestureType) {
ArkUI_GestureRecognizerType type = gestureApi->getGestureType(swipeGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, ArkUI_GestureRecognizerType %{public}d", type);
}
// 给滑动手势绑定回调
auto onActionCallBack = [](ArkUI_GestureEvent *event, void *extraParam) {
ArkUI_GestureEventActionType actionType = OH_ArkUI_GestureEvent_GetActionType(event);
float velocity = OH_ArkUI_PanGesture_GetVelocity(event);
float velocityX = OH_ArkUI_PanGesture_GetVelocityX(event);
float velocityY = OH_ArkUI_PanGesture_GetVelocityY(event);
float OffsetX = OH_ArkUI_PanGesture_GetOffsetX(event);
float OffsetY = OH_ArkUI_PanGesture_GetOffsetY(event);
float scale = OH_ArkUI_PinchGesture_GetScale(event);
float CenterX = OH_ArkUI_PinchGesture_GetCenterX(event);
float CenterY = OH_ArkUI_PinchGesture_GetCenterY(event);
float angle = OH_ArkUI_SwipeGesture_GetAngle(event);
float VelocityS = OH_ArkUI_SwipeGesture_GetVelocity(event);
float angleR = OH_ArkUI_RotationGesture_GetAngle(event);
float repeat = OH_ArkUI_LongPress_GetRepeatCount(event);
// 通过日志查看
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, swipeGesture callback actionType: %{public}d, velocity "
"%{public}f,velocityX "
"%{public}f; "
"velocityY %{public}f, OffsetX %{public}f, OffsetY %{public}f, scale %{public}fCenterX "
"%{public}f CenterY"
" %{public}f angle %{public}f VelocityS %{public}f angleR %{public}f repeat %{public}f",
actionType, velocity, velocityX, velocityY, OffsetX, OffsetY, scale, CenterX, CenterY, angle,
VelocityS, angleR, repeat);
ArkUI_NumberValue value[] = {{.f32 = 0}, {.f32 = 0}, {.f32 = 0}, {.f32 = angleR}, {.f32 = 0}};
ArkUI_AttributeItem item = {value, 5};
auto column = reinterpret_cast<ArkUI_NodeHandle>(extraParam);
nodeAPI->setAttribute(column, NODE_ROTATE, &item);
};
gestureApi->setGestureEventTarget(
swipeGesture, GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE | GESTURE_EVENT_ACTION_END, column,
onActionCallBack);
// 将滑动手势添加到手势组
if (gestureApi->addChildGesture) {
gestureApi->addChildGesture(groupGesture, swipeGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, addChildGesture swipeGesture");
}
// 将手势组设置到组件上
gestureApi->addGestureToNode(column, groupGesture, PRIORITY, NORMAL_GESTURE_MASK);
return column;
}
并行识别
并行识别组合手势对应的ArkUI_GroupGestureMode为PARALLEL_GROUP。并行识别组合手势中注册的手势将同时进行识别,直到所有手势识别结束。并行识别手势组合中的手势进行识别时互不影响。
以并行识别长按和滑动手势为例:
ArkUI_NodeHandle testGestureExample() {
auto column = nodeAPI->createNode(ARKUI_NODE_COLUMN);
// 创建手势并设置回调
ArkUI_NumberValue value[] = {{.u32 = 0xff112233}};
ArkUI_AttributeItem item = {value, 1};
nodeAPI->setAttribute(column, NODE_BACKGROUND_COLOR, &item);
ArkUI_NumberValue widthValue[] = {{200}};
ArkUI_AttributeItem width = {widthValue, 1};
nodeAPI->setAttribute(column, NODE_WIDTH, &width);
ArkUI_NumberValue heightValue[] = {{200}};
ArkUI_AttributeItem height = {heightValue, 1};
nodeAPI->setAttribute(column, NODE_HEIGHT, &height);
// 判断是否有手势API
auto gestureApi = reinterpret_cast<ArkUI_NativeGestureAPI_1 *>(
OH_ArkUI_QueryModuleInterfaceByName(ARKUI_NATIVE_GESTURE, "ArkUI_NativeGestureAPI_1"));
if (gestureApi->createGroupGesture) {
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, createGroupGesture api exist");
} else {
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, createGroupGesture api not exist");
}
// 创建手势组
auto groupGesture = gestureApi->createGroupGesture(ArkUI_GroupGestureMode::PARALLEL_GROUP);
// 创建长按手势
auto longPressGesture = gestureApi->createLongPressGesture(1, true, 500);
if (gestureApi->getGestureType) {
ArkUI_GestureRecognizerType type = gestureApi->getGestureType(longPressGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack,ArkUI_GestureRecognizerType%{public}d", type);
}
// 给长按手势定回调
auto onActionCallBackPanLongPress = [](ArkUI_GestureEvent *event, void *extraParam) {
ArkUI_GestureEventActionType actionType = OH_ArkUI_GestureEvent_GetActionType(event);
float velocity = OH_ArkUI_PanGesture_GetVelocity(event);
float velocityX = OH_ArkUI_PanGesture_GetVelocityX(event);
float velocityY = OH_ArkUI_PanGesture_GetVelocityY(event);
float OffsetX = OH_ArkUI_PanGesture_GetOffsetX(event);
float OffsetY = OH_ArkUI_PanGesture_GetOffsetY(event);
float scale = OH_ArkUI_PinchGesture_GetScale(event);
float CenterX = OH_ArkUI_PinchGesture_GetCenterX(event);
float CenterY = OH_ArkUI_PinchGesture_GetCenterY(event);
float angle = OH_ArkUI_SwipeGesture_GetAngle(event);
float VelocityS = OH_ArkUI_SwipeGesture_GetVelocity(event);
float angleR = OH_ArkUI_RotationGesture_GetAngle(event);
float repeat = OH_ArkUI_LongPress_GetRepeatCount(event);
OH_LOG_Print(
LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack,longPressGesturecallback actionType:%{public}d,velocity%{public}f,velocityX"
"%{public}f;"
"velocityY%{public}f,OffsetX%{public}f,OffsetY%{public}f,scale%{public}fCenterX"
"%{public}fCenterY"
"%{public}fangle%{public}fVelocityS%{public}fangleR%{public}frepeat%{public}f",
actionType, velocity, velocityX, velocityY, OffsetX, OffsetY, scale, CenterX, CenterY, angle, VelocityS,
angleR, repeat);
};
gestureApi->setGestureEventTarget(longPressGesture,
GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE |
GESTURE_EVENT_ACTION_CANCEL,
column, onActionCallBackPanLongPress);
// 将长按手势添加到手势组
if (gestureApi->addChildGesture) {
gestureApi->addChildGesture(groupGesture, longPressGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager", "onPanActionCallBack, addChildGesture longPressGesture");
}
// 创建滑动手势 swipe
auto swipeGesture = gestureApi->createSwipeGesture(1, GESTURE_DIRECTION_ALL, 100);
if (gestureApi->getGestureType) {
ArkUI_GestureRecognizerType type = gestureApi->getGestureType(swipeGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, ArkUI_GestureRecognizerType %{public}d", type);
}
// 给滑动手势绑定回调
auto onActionCallBack = [](ArkUI_GestureEvent *event, void *extraParam) {
ArkUI_GestureEventActionType actionType = OH_ArkUI_GestureEvent_GetActionType(event);
float velocity = OH_ArkUI_PanGesture_GetVelocity(event);
float velocityX = OH_ArkUI_PanGesture_GetVelocityX(event);
float velocityY = OH_ArkUI_PanGesture_GetVelocityY(event);
float OffsetX = OH_ArkUI_PanGesture_GetOffsetX(event);
float OffsetY = OH_ArkUI_PanGesture_GetOffsetY(event);
float scale = OH_ArkUI_PinchGesture_GetScale(event);
float CenterX = OH_ArkUI_PinchGesture_GetCenterX(event);
float CenterY = OH_ArkUI_PinchGesture_GetCenterY(event);
float angle = OH_ArkUI_SwipeGesture_GetAngle(event);
float VelocityS = OH_ArkUI_SwipeGesture_GetVelocity(event);
float angleR = OH_ArkUI_RotationGesture_GetAngle(event);
float repeat = OH_ArkUI_LongPress_GetRepeatCount(event);
// 通过日志查看
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, swipeGesture callback actionType: %{public}d, velocity "
"%{public}f,velocityX "
"%{public}f; "
"velocityY %{public}f, OffsetX %{public}f, OffsetY %{public}f, scale %{public}fCenterX "
"%{public}f CenterY"
" %{public}f angle %{public}f VelocityS %{public}f angleR %{public}f repeat %{public}f",
actionType, velocity, velocityX, velocityY, OffsetX, OffsetY, scale, CenterX, CenterY, angle,
VelocityS, angleR, repeat);
ArkUI_NumberValue value[] = {{.f32 = 0}, {.f32 = 0}, {.f32 = 0}, {.f32 = angleR}, {.f32 = 0}};
ArkUI_AttributeItem item = {value, 5};
auto column = reinterpret_cast<ArkUI_NodeHandle>(extraParam);
nodeAPI->setAttribute(column, NODE_ROTATE, &item);
};
gestureApi->setGestureEventTarget(
swipeGesture, GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE | GESTURE_EVENT_ACTION_END, column,
onActionCallBack);
// 将滑动手势添加到手势组
if (gestureApi->addChildGesture) {
gestureApi->addChildGesture(groupGesture, swipeGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, addChildGesture swipeGesture");
}
// 将手势组设置到组件上
gestureApi->addGestureToNode(column, groupGesture, PRIORITY, NORMAL_GESTURE_MASK);
return column;
}
互斥识别
互斥识别组合手势对应的ArkUI_GroupGestureMode为EXCLUSIVE_GROUP。互斥识别组合手势中注册的手势将同时进行识别,若有一个手势识别成功,则结束手势识别,其他所有手势识别失败。
以互斥识别平移手势和捏合手势为例:
ArkUI_NodeHandle testGestureExample() {
auto column = nodeAPI->createNode(ARKUI_NODE_COLUMN);
auto button = nodeAPI->createNode(ARKUI_NODE_BUTTON);
// 创建手势并设置回调
ArkUI_NumberValue value[] = {{.u32 = 0xff112233}};
ArkUI_AttributeItem item = {value, 1};
nodeAPI->setAttribute(column, NODE_BACKGROUND_COLOR, &item);
ArkUI_NumberValue widthValue[] = {{200}};
ArkUI_AttributeItem width = {widthValue, 1};
nodeAPI->setAttribute(column, NODE_WIDTH, &width);
ArkUI_NumberValue heightValue[] = {{200}};
ArkUI_AttributeItem height = {heightValue, 1};
nodeAPI->setAttribute(column, NODE_HEIGHT, &height);
// 判断是否有手势API
auto gestureApi = reinterpret_cast<ArkUI_NativeGestureAPI_1 *>(
OH_ArkUI_QueryModuleInterfaceByName(ARKUI_NATIVE_GESTURE, "ArkUI_NativeGestureAPI_1"));
if (gestureApi->createGroupGesture) {
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, createGroupGesture api exist");
} else {
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, createGroupGesture api not exist");
}
auto groupGesture = gestureApi->createGroupGesture(ArkUI_GroupGestureMode::EXCLUSIVE_GROUP);
// 创建拖动手势
auto panGesture = gestureApi->createPanGesture(1, GESTURE_DIRECTION_VERTICAL, 5);
if (gestureApi->getGestureType) {
ArkUI_GestureRecognizerType type = gestureApi->getGestureType(panGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack panGesture, ArkUI_GestureRecognizerType %{public}d", type);
}
// 给拖动手势绑定回调
auto onActionCallBackPan = [](ArkUI_GestureEvent *event, void *extraParam) {
ArkUI_GestureEventActionType actionType = OH_ArkUI_GestureEvent_GetActionType(event);
float velocity = OH_ArkUI_PanGesture_GetVelocity(event);
float velocityX = OH_ArkUI_PanGesture_GetVelocityX(event);
float velocityY = OH_ArkUI_PanGesture_GetVelocityY(event);
float OffsetX = OH_ArkUI_PanGesture_GetOffsetX(event);
float OffsetY = OH_ArkUI_PanGesture_GetOffsetY(event);
float scale = OH_ArkUI_PinchGesture_GetScale(event);
float CenterX = OH_ArkUI_PinchGesture_GetCenterX(event);
float CenterY = OH_ArkUI_PinchGesture_GetCenterY(event);
float angle = OH_ArkUI_SwipeGesture_GetAngle(event);
float VelocityS = OH_ArkUI_SwipeGesture_GetVelocity(event);
float angleR = OH_ArkUI_RotationGesture_GetAngle(event);
float repeat = OH_ArkUI_LongPress_GetRepeatCount(event);
// 通过日志查看
OH_LOG_Print(
LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, panGesture callback actionType: %{public}d, velocity %{public}f,velocityX "
"%{public}f; "
"velocityY %{public}f, OffsetX %{public}f, OffsetY %{public}f, scale %{public}fCenterX "
"%{public}f CenterY"
" %{public}f angle %{public}f VelocityS %{public}f angleR %{public}f repeat %{public}f",
actionType, velocity, velocityX, velocityY, OffsetX, OffsetY, scale, CenterX, CenterY, angle, VelocityS,
angleR, repeat);
};
gestureApi->setGestureEventTarget(panGesture,
GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE |
GESTURE_EVENT_ACTION_END | GESTURE_EVENT_ACTION_CANCEL,
column, onActionCallBackPan);
// 将拖动手势添加到手势组
if (gestureApi->addChildGesture) {
gestureApi->addChildGesture(groupGesture, panGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager", "onPanActionCallBack, addChildGesture panGesture");
}
// 创建捏合手势
auto pinchGesture = gestureApi->createPinchGesture(0, 0);
if (gestureApi->getGestureType) {
ArkUI_GestureRecognizerType type = gestureApi->getGestureType(pinchGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack pinchGesture, ArkUI_GestureRecognizerType %{public}d", type);
}
// 给捏合手势绑定回调
auto onActionCallBack = [](ArkUI_GestureEvent *event, void *extraParam) {
ArkUI_GestureEventActionType actionType = OH_ArkUI_GestureEvent_GetActionType(event);
float velocity = OH_ArkUI_PanGesture_GetVelocity(event);
float velocityX = OH_ArkUI_PanGesture_GetVelocityX(event);
float velocityY = OH_ArkUI_PanGesture_GetVelocityY(event);
float OffsetX = OH_ArkUI_PanGesture_GetOffsetX(event);
float OffsetY = OH_ArkUI_PanGesture_GetOffsetY(event);
float scale = OH_ArkUI_PinchGesture_GetScale(event);
float CenterX = OH_ArkUI_PinchGesture_GetCenterX(event);
float CenterY = OH_ArkUI_PinchGesture_GetCenterY(event);
float angle = OH_ArkUI_SwipeGesture_GetAngle(event);
float VelocityS = OH_ArkUI_SwipeGesture_GetVelocity(event);
float angleR = OH_ArkUI_RotationGesture_GetAngle(event);
float repeat = OH_ArkUI_LongPress_GetRepeatCount(event);
OH_LOG_Print(
LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager",
"onPanActionCallBack, pinchGesture callback actionType: %{public}d, velocity %{public}f,velocityX "
"%{public}f; "
"velocityY %{public}f, OffsetX %{public}f, OffsetY %{public}f, scale %{public}fCenterX "
"%{public}f CenterY"
" %{public}f angle %{public}f VelocityS %{public}f angleR %{public}f repeat %{public}f",
actionType, velocity, velocityX, velocityY, OffsetX, OffsetY, scale, CenterX, CenterY, angle, VelocityS,
angleR, repeat);
ArkUI_NumberValue value[] = {{.f32 = scale}, {.f32 = scale}};
ArkUI_AttributeItem item = {value, 2};
auto column = reinterpret_cast<ArkUI_NodeHandle>(extraParam);
nodeAPI->setAttribute(column, NODE_SCALE, &item);
};
gestureApi->setGestureEventTarget(pinchGesture,
GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE |
GESTURE_EVENT_ACTION_END | GESTURE_EVENT_ACTION_CANCEL,
column, onActionCallBack);
// 将捏合手势添加到手势组
if (gestureApi->addChildGesture) {
gestureApi->addChildGesture(groupGesture, pinchGesture);
OH_LOG_Print(LOG_APP, LOG_ERROR, LOG_PRINT_DOMAIN, "Manager", "onPanActionCallBack, addChildGesture pinchGesture");
}
// 将手势组设置到组件上
gestureApi->addGestureToNode(column, groupGesture, PRIORITY, NORMAL_GESTURE_MASK);
return column;
}
自定义手势判定
当用户的操作符合某个手势识别器,该识别器即将触发成功时,可通过自定义手势判定能力来动态决策,是否希望该识别器被系统认定为识别成功。通过setGestureInterrupterToNode接口,绑定一个回调在该组件上,但组件上的某个手势即将识别成功时,通过返回CONTUNUE或REJECT来决定是否将成功机会让给其它手势识别器。
在上文绑定手势事件的示例中按照如下方式进行调整即可实现自定义手势判定。
- 创建自定义手势判定回调。
auto onInterruptCallback = [](ArkUI_GestureInterruptInfo *info) -> ArkUI_GestureInterruptResult {
// 获取是否系统手势
auto systag = OH_ArkUI_GestureInterruptInfo_GetSystemFlag(info);
// 获取拦截的手势指针
auto recognizer = OH_ArkUI_GestureInterruptInfo_GetRecognizer(info);
// 获取系统手势类型
auto systemRecognizerType = OH_ArkUI_GestureInterruptInfo_GetSystemRecognizerType(info);
// 获取手势事件
auto gestureEvent = OH_ArkUI_GestureInterruptInfo_GetGestureEvent(info);
auto inputevent = OH_ArkUI_GestureEvent_GetRawInputEvent(gestureEvent);
if (systag) {
// 如果是系统手势则不拦截
return GESTURE_INTERRUPT_RESULT_CONTINUE;
} else {
// 不是系统手势则拒绝
return GESTURE_INTERRUPT_RESULT_REJECT;
}
};
-
绑定手势判定和节点。
gestureApi->setGestureInterrupterToNode(column, onInterruptCallback);
经过上述修改,将原本可以生效的长按手势做了拦截,即,此时再对Column节点长按将不会触发长按的手势回调。
获取事件信息
[绑定手势事件]已详细说明如何将手势绑定到节点上。在回调执行时,ArkUI框架提供了[OH_ArkUI_GestureEvent_GetRawInputEvent()]接口,可从手势事件中获取基础事件对象。之后,可通过调用[OH_ArkUI_PointerEvent_GetDisplayX()]、[OH_ArkUI_PointerEvent_GetDisplayXByIndex()]、[OH_ArkUI_UIInputEvent_GetAction()]和[OH_ArkUI_UIInputEvent_GetEventTime()]等接口,从基础事件中获取更多信息。应用依据获取的信息,在手势事件执行过程中实现差异化交互逻辑。
// 设置回调,在触发手势事件时执行回调处理手势事件
auto onActionCallback = [](ArkUI_GestureEvent *event, void *extraParams) {
// 从手势事件获取基础事件对象
auto *inputEvent = OH_ArkUI_GestureEvent_GetRawInputEvent(event);
// 从基础事件获取事件信息
auto x = OH_ArkUI_PointerEvent_GetX(inputEvent);
auto y = OH_ArkUI_PointerEvent_GetY(inputEvent);
auto displayX = OH_ArkUI_PointerEvent_GetDisplayX(inputEvent);
auto displayY = OH_ArkUI_PointerEvent_GetDisplayY(inputEvent);
auto windowX = OH_ArkUI_PointerEvent_GetWindowX(inputEvent);
auto windowY = OH_ArkUI_PointerEvent_GetWindowY(inputEvent);
auto pointerCount = OH_ArkUI_PointerEvent_GetPointerCount(inputEvent);
auto xByIndex = OH_ArkUI_PointerEvent_GetXByIndex(inputEvent, 0);
auto yByIndex = OH_ArkUI_PointerEvent_GetYByIndex(inputEvent, 0);
auto displayXByIndex = OH_ArkUI_PointerEvent_GetDisplayXByIndex(inputEvent, 0);
auto displayYByIndex = OH_ArkUI_PointerEvent_GetDisplayYByIndex(inputEvent, 0);
auto windowXByIndex = OH_ArkUI_PointerEvent_GetWindowXByIndex(inputEvent, 0);
auto windowYByIndex = OH_ArkUI_PointerEvent_GetWindowYByIndex(inputEvent, 0);
auto pointerId = OH_ArkUI_PointerEvent_GetPointerId(inputEvent, 0);
auto pressure = OH_ArkUI_PointerEvent_GetPressure(inputEvent, 0);
auto action = OH_ArkUI_UIInputEvent_GetAction(inputEvent);
auto eventTime = OH_ArkUI_UIInputEvent_GetEventTime(inputEvent);
auto sourceType = OH_ArkUI_UIInputEvent_GetSourceType(inputEvent);
auto type = OH_ArkUI_UIInputEvent_GetType(inputEvent);
std::string eventInfo =
"x: " + std::to_string(x) + ", y: " + std::to_string(y) +
", displayX: " + std::to_string(displayX) + ", displayY: " + std::to_string(displayY) +
", windowX: " + std::to_string(windowX) + ", windowY: " + std::to_string(windowY) + "\n" +
", pointerCount: " + std::to_string(pointerCount) + ", xByIndex: " + std::to_string(xByIndex) +
", yByIndex: " + std::to_string(yByIndex) +
", displayXByIndex: " + std::to_string(displayXByIndex) +
", displayYByIndex: " + std::to_string(displayYByIndex) +
", windowXByIndex: " + std::to_string(windowXByIndex) +
", windowYByIndex: " + std::to_string(windowYByIndex) + "\n" +
", pointerId: " + std::to_string(pointerId) + ", pressure: " + std::to_string(pressure) +
", action: " + std::to_string(action) + ", eventTime: " + std::to_string(eventTime) +
", sourceType: " + std::to_string(sourceType) + ", type: " + std::to_string(type);
OH_LOG_Print(LOG_APP, LOG_INFO, LOG_PRINT_DOMAIN, "eventInfoOfCommonEvent", "eventInfo = %{public}s",
eventInfo.c_str());
};
// 创建一个单指点击手势
auto TapGesture = gestureApi->createTapGesture(1, 1);
// 将事件回调绑定到TapGesture上,触发手势后,通过回调函数处理手势事件
gestureApi->setGestureEventTarget(TapGesture,
GESTURE_EVENT_ACTION_ACCEPT | GESTURE_EVENT_ACTION_UPDATE |
GESTURE_EVENT_ACTION_END | GESTURE_EVENT_ACTION_CANCEL,
column, onActionCallback);
// 将手势添加到colunm组件上,使column组件可以触发单指点击手势
gestureApi->addGestureToNode(column, TapGesture, ArkUI_GesturePriority::PARALLEL,
ArkUI_GestureMask::NORMAL_GESTURE_MASK);