javascript - 在 Forge Autodesk 中更改模型结构面板的大小

Question

我想更改 Forge Autodesk 内模型结构面板的大小。我一直在代码中寻找好的“高度”参数，但我没有找到与之相关的任何内容......

在动态扩展中，我尝试过 DataTreeView.scss、HierarchyTreeView.scss、SelectTreeView.scss，甚至 ModelLoader...

也许模型结构面板的尺寸是生成的而不是写在代码中？有谁知道我如何从代码中更改它？

Answer 1

您需要了解您所引用的代码 ( Forge RDCB ) 是一个示例，这不是查看器及其 API 的直接一部分。它提供了使用查看器和其他 Forge API 的示例。某些扩展可能会通过自定义 CSS 更改查看器的某些默认样式，而另一些扩展则使用查看器组件(例如 TreeView )实现自定义 UI，但您在这些示例中找不到所需的内容。

为了修改查看器的 native 面板，您需要向您的应用添加一些自定义 CSS。要找出您必须覆盖哪些 css 属性/类，您可以使用 Chrome 开发人员工具，特别是 Elements 选项卡，如下图所示。掌握该工具将帮助您在覆盖默认 CSS 时节省大量时间。

您可以在 https://developer.api.autodesk.com/derivativeservice/v2/viewers/viewer3D.js 找到查看器的实现

以及关联的默认 css https://developer.api.autodesk.com/derivativeservice/v2/viewers/style.css

此外，还不清楚更改模型结构面板的大小是什么意思...如果您想设置该面板的默认宽度/高度，那么您可能需要添加以下内容CSS:

.docking-panel.model-structure-panel {
   height: 500px !important;
   width: 500px !important;
}