在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;
}