自定义 Autodesk GuiViewer3D 工具栏

【问题标题】：Customizing Autodesk GuiViewer3D toolbar自定义 Autodesk GuiViewer3D 工具栏
【发布时间】：2021-06-27 04:22:03
【问题描述】：

我正在使用 Autodesk 查看器 v7

const script = document.createElement('script')
script.src = 'https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js'
script.async = true
script.onload = () => setDeskLoaded(true)
document.body.appendChild(script)

我正在关注有关创建扩展以修改工具栏的文档，但无法检测到 .onToolbarCreated，我需要向现有工具栏添加一些按钮。

【问题讨论】：

标签： reactjs typescript autodesk-forge autodesk-viewer

【解决方案1】：

如果您没有收到该事件，这肯定是因为您的扩展是在工具栏创建时加载的。仅当查看器创建其工具栏时才会引发此事件。您看到的示例可能假设您在初始化时加载扩展。

在您的代码中，您必须检查查看器状态以确定是否需要创建事件处理程序或直接进入工具栏代码。我通常会这样做：

if ( this.viewer.getToolbar(true) )
  this.onToolbarCreated();
else
  this.viewer.addEventListener(
    Autodesk.Viewing.TOOLBAR_CREATED_EVENT,
    this.onToolbarCreated.bind(this)
  );

【讨论】：