Autodesk Viewer UI 需要代码位置和编辑建议

Autodesk Viewer UI Code Location and Edit Suggestions Needed

我需要一些帮助来调整 Autodesk 查看器 UI。我正在处理由 http://extract.autodesk.io/ 输出的本地化版本提供的文件。 我没有进行任何自定义编辑。我需要帮助查找相关代码和以下方面的更改建议:

  1. 模型浏览器停靠面板。这默认打开树中的第一个组展开(见图)。我希望第一个元素和所有其他元素默认以折叠状态打开,因此只显示父名称。
  2. 留在模型浏览器中。在 Opera 和 Chrome 浏览器中正确显示滚动条(当列出的模型元素名称超出模型浏览器 window 大小时可见), 但是,它们在 Firefox 浏览器中显示无样式的宽 windows 样式滚动条。 Firefox 需要什么才能按预期显示滚动条?
  3. 在正确加载默认缩放值后,什么代码可能会覆盖相机缩放 属性? 来自 http://extract.autodesk.io/ 的查看器版本为开始视图导入场景摄像机属性正常,但在初始页面加载后不久用另一个值覆盖缩放 属性。

1.I want this first element and all other elements to open by default as Collapsed, so just the parent names are shown.

不幸的是,据我所知,Viewer 中没有直接的本机配置选项来实现此目的。但是你可以:

  • 将一次性点击侦听器挂接到 Model Browser 按钮上,以编程方式触发对您要折叠的相应笔记的点击,或直接添加“.collapsed”class 给他们。您可以通过 lmv-nodeidlabel text:

    获取节点

    <div lmv-nodeid="9" class="collapsed group visible"> <lmvheader style="padding-left: 13px;"> <div class="visibility"></div> <label>Switch:1</label> </lmvheader> </div>

  • 使用 instanceTreeAutodesk.Viewing.UI.DockingPanel 扩展和构建您自己的浏览器,请参阅示例 here

2.What is needed for Firefox to display scrollbars as intended?

Here is a great answer to your question. But looks like the status quo is still far from perfect, with no definite hack discovered so far. So again for a thorough solution you'd need to create your own styling (can do so with the help of something like) 并将它们应用于 .docking-panel 并附加 .model-structure-panel 或您希望将范围缩小到的任何其他面板。

3.What code might override camera zoom property AFTER correctly loading default zoom value ?

This 应该是您要的代码。

您可以使用 viewer.autocam.goToView( newView ) 操作相机,并查看下面的示例视图配置:

const newView = {
    position: newPosition,                     
    up: currentView.up,
    center: newCenter,                          
    pivot: newPivotPoint,                           
    fov: currentView.fov,
    worldUp: currentView.worldUp,
    isOrtho: (currentView.isOrtho === false)
}