autodesk-forge - 工具栏上的按钮是如何激活的?
问题描述
我像这样在我的工具栏上添加了 3 个按钮(使用了伪造教程中的示例):
export class Edit2DExtension extends Autodesk.Viewing.Extension {
edit2DExtension;
edit2DTools;
edit2DContext;
edit2DLayer;
currentTool: string = '';
lineToolButton: Autodesk.Viewing.UI.Button;
polygonToolButton: Autodesk.Viewing.UI.Button;
editToolButton: Autodesk.Viewing.UI.Button;
activated: boolean = false;
constructor(viewer, options) {
super(viewer, options);
this._group = null;
this._button = null;
this.viewer.addEventListener('extensionLoaded', this.extensionLoaded.bind(this));
}
extensionLoaded(event) {
...
}
onToolbarCreated() {
// Create a new toolbar group if it doesn't exist
this._group = this.viewer.toolbar.getControl('Edit2DToolbar');
if (!this._group) {
this._group = new Autodesk.Viewing.UI.ControlGroup('Edit2DToolbar');
this.viewer.toolbar.addControl(this._group);
}
// Line tool button
this.lineToolButton = new Autodesk.Viewing.UI.Button('Edit2_PolylineTool_default');
this.lineToolButton.onClick = this.activateTool.bind(this, 'Edit2_PolylineTool_default');
this.lineToolButton.setToolTip('Line Tool');
this.lineToolButton.addClass('line-tool-button');
this._group.addControl(this.lineToolButton);
// Polygon tool button
this.polygonToolButton = new Autodesk.Viewing.UI.Button('Edit2_PolygonTool_default');
this.polygonToolButton.onClick = this.activateTool.bind(this, 'Edit2_PolygonTool_default');
this.polygonToolButton.setToolTip('Polygon Tool');
this.polygonToolButton.addClass('polygon-tool-button');
this._group.addControl(this.polygonToolButton);
// Polygon tool button
this.editToolButton = new Autodesk.Viewing.UI.Button('Edit2_PolygonEditTool_default');
this.editToolButton.onClick = this.activateTool.bind(this, 'Edit2_PolygonEditTool_default');
this.editToolButton.setToolTip('Edit Tool');
this.editToolButton.addClass('edit-tool-button');
this._group.addControl(this.editToolButton);
}
activateTool(toolName: string) {
this.deactivateCurrentButton()
switch (toolName) {
case 'Edit2_PolylineTool_default':
this.currentTool = 'Edit2_PolylineTool_default';
break;
case 'Edit2_PolygonTool_default':
this.currentTool = 'Edit2_PolygonTool_default';
break;
case 'Edit2_PolygonEditTool_default':
this.currentTool = 'Edit2_PolygonEditTool_default';
break;
}
this.startTool(this.currentTool, this.viewer);
}
startTool(toolName: string, viewer) {
let toolController = viewer.toolController;
// Deactivate active tool
toolController.deactivateTool(toolController.getActiveTool().getName());
toolController.activateTool(toolName);
}
当我单击新按钮时,导航平移工具仍显示为活动并被选中,并且我的新按钮没有获得活动按钮的 css。工具本身已切换,我可以使用 Edit2D 库开始绘图,但工具栏并未更新其 UI。我是否不正确地创建按钮,或者我错过了什么?
如下图所示,我点击了我添加的“线条工具”并正在使用它进行绘图,但工具栏上的平移工具仍处于激活状态。
编辑:
我正在使用 button.setState() 函数,但它不会像常规工具那样更改 svg 颜色。只显示按钮阴影。有没有办法做到这一点?
解决方案
您需要通过在回调事件处理程序中调用按钮类的 setState() 方法来更改按钮状态。您可以指定以下任何一个“Button.State”成员。
Button.State = {
ACTIVE: 0,
INACTIVE: 1,
DISABLED: 2
};
如果你想保持按钮处于按下状态,'你可以选择 Button.State.ACTIVE'。当然,您需要在命令结束时切换回按钮状态。
推荐阅读
- javascript - 如何在 jsx 中使用 tabIndex?
- eclipse - Eclipse (atollic) Pre-Build 命令格式
- docker - 启动 Hasura GraphQL 引擎 Docker 镜像
- xml - `elementFormDefault` 有时不起作用
- r - gganimate 包:参数“fps”必须是 100 的因子
- javascript - 在第一个下拉菜单中选择不同选项后,如何重置第三个动态下拉菜单?
- c - 试图用一些散列来篡改我的可执行文件,但遇到一些意外和未知的编译器行为
- javascript - 如何在 ReactJS 钩子中使用箭头函数传递参数
- android - 应用程序如何在其清单中没有任何意图过滤器的情况下处理意图?
- rust - Why can I mutably borrow separate fields from a Box, but not other ref types?