文档/白板

  public init(webinar: VHWebinarData, water: VHWatermarkConfig, listener: VHDocCallbackInterface): number

@Component
export struct VHDocPageComponent {
  @Require webinars: VHWebinarData;
  @Require playConfig: VHPlayerConfig;
  //文档id集合
  @State documentViews: Array<string> = new Array();
  //选择文档id
  @State selectCid: string = '';
  private docController: VHDoc = new VHDoc();
  private controller: TabsController = new TabsController()
  @State showDoc: boolean = true;
  private selectDocument: number = 0;
  private contentWidth: number = 0;
  private contentHeight: number = 0;

  aboutToAppear(): void {
    this.docController.init(this.webinars, this.playConfig?.water!, this);
  }
}

@Component
export struct VHDocView {
  /**
   * @description  文档控制器
   * */
  @Require docController:VHDoc;
  /**
   * @description 文档id
   * */
  @Require docId:string;
 }

build() {
    Stack({alignContent:Alignment.Bottom}) {
      Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
        ForEach(this.documentViews, (doc: string, index: number) => {
          TabContent() {
            VHDocView({ docController: this.docController, docId: doc, isDocPaint: false })
              .width('100%')
              .height('100%')
              .onSizeChange((oldValue: SizeOptions, newValue: SizeOptions) => {
                //重置文档视图大小。
                this.contentWidth = newValue.width as number;
                this.contentHeight = newValue.height as number;
                //********  重要：需要重置文档画布大小 ********/
                this.docController.setDocumentViewSize(doc, this.contentWidth, this.contentHeight);
              })
          }
          .tabBar(this.tabBuilder(doc, index))
          .width('100%')
          .height('100%')
        }, (doc: string, index: number) => {
          if (this.selectCid == doc) {
            if (this.selectDocument != 0) {
              clearInterval(this.selectDocument);
              this.selectDocument = 0;
            }
            this.selectDocument = setInterval(() => {
              this.controller.changeIndex(index);
              if (this.selectDocument != 0) {
                clearInterval(this.selectDocument);
                this.selectDocument = 0;
              }
            }, 100);
          }
          return doc;
        })
      }
      .barHeight(0) //可通过设置此参数隐藏tab
      .opacity(this.showDoc == true ? 100 : 0) //通过设置透明度来显示和隐藏，避免重新加载docview导致的画笔不全问题
      .animationDuration(0)
      .width('100%')
      .height('100%')
      .scrollable(false)
      .zIndex(0)
    }
    .width('100%')
    .height('100%')
  }

public zoomReset()

Image($r("app.media.reset"))
  .width("30vp")
  .height("30vp")
  .onClick(()=>{
    this.docController.zoomReset();
  })

public zoomIn()

Image($r("app.media.big"))
  .width("30vp")
  .height("30vp")
  .onClick(()=>{
    this.docController.zoomIn();
  })

public zoomOut()

Image($r("app.media.small"))
  .width("30vp")
  .height("30vp")
  .onClick(()=>{
    this.docController.zoomOut();
  })