在BIMFACE的模型中toolbar怎么增加button

Question

怎么咋BIMFACE的模型的toolbar里面加自己的button？

Answer 1

var toolbar = app.getToolbar('MainToolbar');
var btnConfig = new Glodon.Bimface.UI.Button.ButtonConfig();
btnConfig.title = "Button";
var btn = new Glodon.Bimface.UI.Button.Button(btnConfig);
btn.setHtml(<button style="width: 50px; height:50px; left: -8px; top: -8px; position: relative; color: white; font-size: 18px;background: rgba(0, 0, 0, 0);opacity: 0.6;border: none;">Button</button>);
btn.addClassName('btn-test');
btn.addEventListener('Click', function() {

alert("我是一个新button");

});
toolbar.insertControl(2, btn);

Answer 2

添加图片按钮：

var btn = new Glodon.Bimface.UI.Button.Button(btnConfig);

      btn.setHtml('<img class="img-gbfm" src="../images/fmicon/gfmtest.png" alt="" width="32px" height="32px" />');

      btn.addClassName('btn-gbfm-test');

css:

.btn-gbfm-test {

  width: 50px;

  height: 50px;

  left: -8px;

  top: -8px;

  position: relative;

  color: white;

  background: rgba(0, 0, 0, 0);

  opacity: 0.6;

  border: none;

}