HarmonyOS鸿蒙Next中app首次安装指引功能

"您好。可参考这个demo： https://gitee.com/harmonyos-cases/cases/blob/master/CommonAppDevelopment/feature/highlightguide/README.md#https://gitee.com/openharmony-sig/ohos_highlightguide/tree/master#high_light_guide 1、非网络数据能实现展示了吗？先确认下这个 2、留意这俩个属性跟 .addHighLightWithOptions(‘test’, HighLightShape.CIRCLE, options) ，决定位置 @Provide PosX: number = 0; @Provide PosY: number = 0; 3、应该不会有问题，您先对比看下 aboutToAppear这里。如果仅仅网络导致无法展示，您这边发一份可运行的demo，这边看下代码打印调试下，网络数据可模拟延时任务自定义假数据。 您好场景模拟，实测展示正常，参考demo

import { Controller,
  GuidePage,
  HighLightGuideBuilder,
  HighLightGuideComponent,
  RectF } from '@ohos/high_light_guide';
import router from '@ohos.router';
@Entry
@Component
struct Page241008110345081 {
  private builder: HighLightGuideBuilder | null = null;
  private controller: Controller | null = null;
  @State data:string = ''
  aboutToAppear() {
    this.builder = new HighLightGuideBuilder()
      .setLabel('guide1')
      .alwaysShow(true)
      .addGuidePage(GuidePage.newInstance()
        .addHighLight('Simple')
        .addHighLight(new RectF(0, 310, 200, 360))
        .setHighLightIndicator(this.SimpleIndicator))
    setTimeout(() => {
      this.data = '模拟数据'
      if (this.controller) {
        this.controller.show();
      }
    },2000)
  }
  build() {
    Column() {
      Stack() {
        // 添加引导页布局
        HighLightGuideComponent({
          highLightContainer: this.HighLightComponent.bind(this),
          currentHLIndicator: null,
          builder: this.builder,
          onReady: (controllerParam: Controller) => {
            this.controller = controllerParam;
          }
        })
      }
    }
    .width('100%')
  }
  @Builder
   HighLightComponent() {
    Column() {
      Column() {
        Row() {
          Button('Simple')
            .onClick(() => {
              if (this.controller) {
                this.controller.show();
              }
            }).id('Simple')
          Text(this.data)
        }.margin({ top: 10 })
      }.alignItems(HorizontalAlign.Start)
      .width('100%')
      .height('40%')
    }.alignItems(HorizontalAlign.Start)
    .width('100%')
    .height('100%');
  }
  @Builder
  private SimpleIndicator() {
    Image($r('app.media.app_icon'))
      .width('300px')
      .height('300px')
      .position({ x: 40, y: 100 })
  }
}

问题较多让您久等，建议提供可运行demo附件，会加快问题处理效率。 this.HighLightComponent.bind(this) this指向 修改再试下 // ceshiView.ets 做下修改，代码在下面，实测正常。 1、this.HighLightComponent.bind(this) this指向修改 2、 this.controller.show(); 3、如果还是无法解决，请留下邮箱这面安排会议一起看下这个问题

// 添加引导页布局
        HighLightGuideComponent({
          highLightContainer: this.HighLightComponent.bind(this), // 引导页覆盖时的内容布局插槽
          currentHLIndicator: null, // 引导页的引导层插槽
          builder: this.builder, // 引导页的通用配置构建类
          onReady: (controller: Controller) => { // 引导页准备好的回调，获取引导页控制器
            this.controller = controller;
            this.controller.show();
          }
        })
```"