Как установить Autodesk Setting на передний план?

Question

У меня есть приложение, которое использует Forge API.Пользовательский интерфейс, отображаемый при нажатии кнопки «Настройка» «Настройки» в «группе настроек», перекрывает одну из моих кнопок.

Однако, поскольку в моем приложении установлен zIndex (я нахожусь в коде реакции), щелчок по закрытию пользовательского интерфейса настройки вызывает мои кнопки вместо кнопки закрытия.

Следовательно, я заинтересован в установке «Пользовательского интерфейса настроек» на передний план, поэтому нажатие на кнопку закрытия вызывает закрытие.Мой код переднего плана находится в реагирующей среде, поэтому простой параметр zIndex, который можно установить, может помочь.

Как я могу это сделать?

Answer 1

Вместо того, чтобы играть хакерскими способами, рассмотрите возможность использования стыковочных панелей, предоставленных Forge Viewer.Насколько я понимаю, он также может работать с React .

. Чтобы проработать полезность панелей, рассмотрим следующий пример:

Здесь у меня есть плавающий элемент div, показывающий мне некоторую информацию, касающуюся модели.Очевидно, я установил высокий z-индекс, чтобы сделать это заранее, и здесь у меня та же проблема, что и у вас - при открытии таких вещей, как настройки, свойства, дерево моделей и т. Д., Все они появляются за моим div.Более того, при изменении размера окна мне приходится иметь дело с моей позицией div.

С другой стороны, Forge Viewer использует повсюду панели, как в этом самом диалоге настроек.

Таким образом,если вы поместите свою кнопку в панель такого типа, это избавит вас от головной боли с помощью z-index, закрепления, изменения масштаба и т. д., поскольку все панели работают хорошо друг с другом, как показано на панели управления робота ниже:

Для получения дополнительной информации о том, как создать панель, я предлагаю проверить http://learnforge.autodesk.io/#/viewer/extensions/panel