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

时间:2018-12-28 23:57:52

标签: autodesk-forge autodesk-viewer autodesk-model-derivative

我需要一些帮助来调整Autodesk Viewer UI。我正在处理http://extract.autodesk.io/的本地化版本输出所提供的文件。 我尚未执行任何自定义编辑。我需要在以下区域中找到相关代码和更改建议的帮助:

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

Model Browser

Chrome Scroll Bars

Firefox Scroll Bars

1 个答案:

答案 0 :(得分:0)

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”类。您可以通过节点lmv-nodeid或节点label 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是您问题的好答案。但是,看起来现状还远远不够完美,到目前为止还没有发现明确的骇客。因此,再次寻求彻底的解决方案,您需要创建自己的样式(可以在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)
}