输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
RelativeContainer
CustomDialogController
animateTo
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
RelativeContainer
CustomDialogController
animateTo
CTRL+K
FAQ

实现Text长按和点击弹出不同的菜单

更新时间: 2026-06-26 09:07
本文导读

问题现象

Text组件绑定了bindPopup和bindMenu，想要长按显示bindMenu，点击显示bindPopup，该如何实现？

背景知识

解决方案

使用组合手势中的互斥手势GestureMode.Exclusive来实现长按手势LongPressGesture触发弹出bindMenu，点击手势TapGesture触发弹出bindPopup。

收起
自动换行
深色代码主题
复制
  1. @Entry
  2. @Component
  3. struct GestureGroupDemo {
  4.   @State isMenu: boolean = false;
  5.   @State isPopup: boolean = false;
  6. 

  7.   @Builder
  8.   bindMenuBuilder() {
  9.     Row() {
  10.       Text('MenuContent');
  11.     }.backgroundColor(Color.Pink);
  12.   }
  13. 

  14.   @Builder
  15.   bindPopupBuilder() {
  16.     Row() {
  17.       Text('PopupContent');
  18.     }.backgroundColor(Color.Orange);
  19.   }
  20. 

  21.   build() {
  22.     RelativeContainer() {
  23.       Button('长按或者点击')
  24.         .alignRules({
  25.           center: { anchor: '__container__', align: VerticalAlign.Center },
  26.           middle: { anchor: '__container__', align: HorizontalAlign.Center }
  27.         })
  28.         .fontSize(28)
  29.         .gesture(
  30.           GestureGroup(GestureMode.Exclusive,
  31.             LongPressGesture({ repeat: true })
  32.               .onAction(() => {
  33.                 this.isPopup = false;
  34.                 this.isMenu = true;
  35.               }),
  36.             TapGesture({ count: 1, fingers: 1 })
  37.               .onAction(() => {
  38.                 this.isMenu = false;
  39.                 this.isPopup = !this.isPopup;
  40.               }))
  41.         )
  42.         .bindContextMenu(this.isMenu, this.bindMenuBuilder())
  43.         .bindPopup(this.isPopup, {
  44.           builder: this.bindPopupBuilder(), onStateChange: (e) => {
  45.             if (!e.isVisible) {
  46.               this.isPopup = false;
  47.             }
  48.           },
  49.         });
  50.     }
  51.     .width('100%')
  52.     .height('100%');
  53.   }
  54. }
相关推荐
文档Text组件实现长按全选内容并弹出自定义菜单
文档Text绑定自定义菜单
文档实现bindContextMenu弹出式菜单点击后保持开启
文档使用bindPopup实现气泡占用全屏时TextInput可以输入文本的效果
文档pc上，bindPopup设置了showInSubWindow:true时，气泡无法再弹出菜单
文档如何禁止文本组件长按弹出菜单选项
文档bindPopup适配Web组件长按菜单功能，设置offset控制弹窗的偏移
文档通过isShown状态控制bindContextMenu实现菜单随点击位置弹出
文档如何在Text组件关闭bindSelection自定义菜单时，取消文本的选中状态
文档如何解决点击非菜单控制区域事件穿透到下层组件的问题
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 FAQ 中进行搜索
请输入您想要搜索的关键词