iTwin Tile加载百分比

/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/

import { ProcessDetector } from "@itwin/core-bentley";
import { IModelApp } from "@itwin/core-frontend";
import { MobileMessenger } from "./FileOpen";

export class TileLoadIndicator {
  private readonly _progress: HTMLProgressElement;
  private _firstRenderFinished = false;

  public constructor(parent: HTMLElement) {
    this._progress = document.createElement("progress");
    parent.appendChild(this._progress);

    IModelApp.viewManager.onFinishRender.addListener(() => this.update());
  }

  private update(): void {
    let ready = 0;
    let total = 0;
    for (const vp of IModelApp.viewManager) {
      ready += vp.numReadyTiles;
      total += vp.numReadyTiles + vp.numRequestedTiles;
      if (!this._firstRenderFinished && vp.numReadyTiles > 0 && vp.numRequestedTiles === 0) {
        this._firstRenderFinished = true;
        if (ProcessDetector.isMobileAppFrontend) {
          setTimeout(() => {
            // attempt to send message to mobile that the model rendered
            MobileMessenger.postMessage("firstRenderFinished", "");
          }, 100);
        }
      }
    }

    const pctComplete = (total > 0) ? (ready / total) : 1.0;
    this._progress.value = pctComplete;
  }
}