鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 在BIMFACE的模型中toolbar怎么增加button

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

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

clipboard.png

回答
編輯回答
陌南塵

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);

2018年8月29日 13:56
編輯回答
負(fù)我心

添加圖片按鈕：

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;
}
2018年5月4日 18:55