Text组件实现长按全选内容并弹出自定义菜单

@Entry
@Component
struct TextExample {
  optionsPopup: string[] = ['搜索', '复制', '粘贴'];
  controller: TextController = new TextController();
  options: TextOptions = { controller: this.controller };
  @State start: number = -1; // 选中区域开始光标
  @State end: number = -1; // 选中区域结束光标

  build() {
    Column() {
      Column() {
        Text(undefined, this.options) {
          // 将Text内容设置为字图混合形式
          Span('Hello World')
            .fontSize(36)
          ImageSpan($r('app.media.startIcon'))
            .width('120px')
            .height('120px')
            .objectFit(ImageFit.Fill)
            .verticalAlign(ImageSpanAlignment.CENTER);
        }
        .selection(this.start, this.end) // 选中区域
        .copyOption(CopyOptions.InApp) // 设置可复制
        .bindSelectionMenu(TextSpanType.DEFAULT, this.LongPressTextCustomMenu, TextResponseType.DEFAULT) // 自定义菜单
        .gesture(
          LongPressGesture({ duration: 300 })
            .onAction(() => {
              // 调整选中区域，全选文本
              this.start = 0;
              this.end = 12;
            })
        )
        .width('100%')
        .height(150);
      }
      .width('100%')
      .backgroundColor(Color.White)
      .alignItems(HorizontalAlign.Start)
      .padding(25);
    }
    .height('100%');
  }

  // 自定义菜单
  @Builder
  LongPressTextCustomMenu() {
    Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.SpaceEvenly, alignItems: ItemAlign.Center }) {
      ForEach(this.optionsPopup, (item: string, index) => {
        Text(item).height('100%')
          .onClick(() => {
            // 取消选中
            this.start = -1;
            this.end = -1;
            // 关闭自定义菜单
            this.controller.closeSelectionMenu();
          });
        // 设置间隔
        if (index < this.optionsPopup.length - 1) {
          Divider().height(10).vertical(true);
        }
      });
    }
    .width(150)
    .height(40)
    .padding(10)
    .shadow({
      radius: 20,
      color: '#f3f5f7',
      offsetX: 0,
      offsetY: 10
    })
    .borderRadius(20)
  }
}