TextController显示属性字符串 HarmonyOS 鸿蒙Next

你是不是没有设置styledKey为StyledStringKey.GESTURE，可以参考以下demo

import { common2D, drawing } from '@kit.ArkGraphics2D'

export class MyCustomSpan extends CustomSpan {
  width: number = 160;
  word: string = "drawing";
  height: number = 10;

  constructor(word: string, width: number, height: number) {
    super();
    this.word = word;
    this.width = width;
    this.height = height;
  }
  onMeasure(measureInfo: CustomSpanMeasureInfo): CustomSpanMetrics {
    return { width: this.width, height: this.height };
  }
  onDraw(context: DrawContext, options: CustomSpanDrawInfo) {
    let canvas = context.canvas;
    const pen = new drawing.Pen();
    pen.setColor({ alpha: 255, red: 0, green: 74, blue: 175 });
    const font = new drawing.Font();
    font.setSize(80);
    const textBlob = drawing.TextBlob.makeFromString(this.word, font, drawing.TextEncoding.TEXT_ENCODING_UTF8);
    canvas.attachPen(pen);
    const rect: common2D.Rect = {
      left: options.x + 10,
      right: options.x + vp2px(this.width) - 10,
      top: options.lineTop + 10,
      bottom: options.lineBottom - 10
    }
    let roundRect = new drawing.RoundRect(rect, 10, 10);
    path.addRoundRect(roundRect, drawing.PathDirection.CLOCKWISE)
    pen.setColor({ alpha: 255, red: 23, green: 169, blue: 141 });
    canvas.attachPen(pen); canvas.drawPath(path)
    canvas.drawTextBlob(textBlob, options.x + 20, options.lineBottom - 15);
    canvas.detachPen();
  }
  setWord(word: string) {
    this.word = word;
  }

}

import { MyCustomSpan } from './MyCustomSpan';
@Entry
@Component
struct Index {
  customSpan: MyCustomSpan = new MyCustomSpan("123456", 80, 10);
  style1: MutableStyledString = new MutableStyledString(this.customSpan);
  textController: TextController = new TextController();
  isPageShow: boolean = true;

  aboutToAppear(): void {

  }

  build() {
    Row() {
      Button('加载自定义span').onClick(() =>{
        this.style1.appendStyledString(
          new MutableStyledString("文本绘制 示例代码 CustomSpan",
            [
              {
                start: 0,
                length: 5,
                styledKey: StyledStringKey.FONT,
                styledValue: new TextStyle({ fontColor: Color.Pink, }),
              },
              {
                start: 0,
                length: 5,
                styledKey: StyledStringKey.GESTURE,
                styledValue: new GestureStyle({
                  onClick:(e)=>{
                    console.log('点击事件123')
                  }
                }),
              },
              { start: 5,
                length: 5,
                styledKey: StyledStringKey.FONT,
                styledValue: new TextStyle({ fontColor: Color.Orange, fontStyle: FontStyle.Italic }) },
              { start: 10,
                length: 500,
                styledKey: StyledStringKey.FONT,
                styledValue: new TextStyle({ fontColor: Color.Green, fontWeight: FontWeight.Bold })
              }
            ]
          ))
        this.textController.setStyledString(this.style1);
      })
      Text(undefined, { controller: this.textController });
    }.width('100%')
  }
  
}