为Autodesk Viewer添加自定义工具条
如果你参加过我们近期的活动,你就会频繁的听到我们现在正在做的Autodesk Viewer大模型浏览器,这是一个不需要下载任何插件,基于WebGL技术的浏览器,可以支持几十种数据格式。同时viewer也提供了API,你可以把这个viewer嵌入到你自己的web程序中。我们也写了不少sample,发布到了 github 上,这些示例都需要ConsumerKey,你需要向Autodesk来申请,目前该产品还没有正式发布,我们只邀请了一些客户做测试,很快就会发布,大家还需要耐心等待一下。
在最近的code push中新增加了自定义界面API,使用这些API你可以创建和viewer内置工具条一样风格的自定义工具条。首先你需要在页面上创建一个容器,一般是div标签,用css控制好它的位置,下面的Javascript代码来生成自定义的工具条:
(screen-shot)
function addToolBar(container) { //create a toolbar var toolbar = new Autodesk.Viewing.UI.ToolBar(container); //create a subToolbar var subToolbar = toolbar.addSubToolbar('sub1'); //add some buttons to it var button1 = Autodesk.Viewing.UI.ToolBar.createMenuButton("Button1", "Tooltip for Button1", function (e) { alert("Button1 is clicked."); }); //add icon for the button button1.className = 'glyphicon glyphicon-euro'; var button2 = Autodesk.Viewing.UI.ToolBar.createMenuButton("Button2", "Tool tip for Button2", function (e) { alert("Button2 is clicked"); }); //Add buttons to subtoolbar toolbar.addToSubToolbar("sub1", button1); toolbar.addToSubToolbar("sub1", button2); //create a radio sub toolbar var radioSubToolbar = toolbar.addSubToolbar('radioSub2', true); //id, isRadio // add some buttons to it var button3 = Autodesk.Viewing.UI.ToolBar.createMenuButton("Button3", "Tool tip for Button3", function (e) { alert("Button2 is clicked"); }); var button4 = Autodesk.Viewing.UI.ToolBar.createMenuButton("Button4", "Tool tip for Button4", function (e) { alert("Button4 is clicked"); }); //add buttons to radioSubToolbar toolbar.addToSubToolbar("radioSub2", button3); toolbar.addToSubToolbar("radioSub2", button4); }
下来我们会介绍一种更容易组织和维护的方式来创建自定义工具条。
为Autodesk Viewer添加自定义工具条相关推荐
- html自定义工具条,为Autodesk Viewer添加自定义工具条的更好方法
上一篇文章中我介绍了使用Autodesk Viewer的UI API来给viewer添加自定义工具条的方法,看起来很简单是吧.不过有个问题,就是关于自定义工具条的信息(包括按钮的文本.图标.样式.ca ...
- [Eclipse]GEF入门系列(六、添加菜单和工具条)
我发现一旦稍稍体会到GEF的妙处,就会很自然的被它吸引住.不仅是因为用它做出的图形界面好看,更重要的是,UI中最复杂和细微的问题,在GEF的设计中无不被周到的考虑并以适当的模式解决,当你了解了这些,完 ...
- Navisworks API 简单二次开发 (自定义工具条)
在Navisworks软件运行的时候界面右侧有个工具条.比较方便.但是在二次开发的时候我不知道在Api那里调用.如果有网友知道请告诉我.谢谢. 我用就自己设置一个工具.界面比较丑!没有美工. 代码: ...
- 【飞秋】进一步完善 -- GEF创建助手工具条
昨天讨论了在图形元素上显示工具条的方法,应该说工作的还不是很完美,因为在选定了创建Connection的工具后,并不能像使用palette那样,在鼠标移动的过程中,有一个连接动态跟随,当鼠标释放后,如 ...
- CAD怎么去掉右上角的搜索及用户信息工具条
CAD怎么去掉右上角的搜索及用户信息工具条 关闭CAD软件,按快捷键win+R打开运行框,输入 regedit 打开注册表 找到: 计算机\HKEY_CURRENT_USER\Software\Aut ...
- 13_MFC工具条和状态栏
MFC工具条和状态栏 Windows控制窗口 Windows (Windows95或者以上版本) 提供了系列通用控制窗口,其中包括工具条(ToolBar).状态栏(StatusBar).工具条提示窗口 ...
- 实战ALV OO技术实现添加工具条按钮
REPORT Z_ALV_ERIC. *定义使用图标,按钮使用 INCLUDE <ICON>. *定义事件类型 CLASS LCL_EVENT_RECEIVER DEFINITION D ...
- 苹果工具条_苹果发布iOS 13.4首个测试版:能让iPhone变身为车钥匙
在距离之前的iOS 13.3.1正式版发布一周后,苹果又发布了iOS 13.4首个测试版.从目前已知的细节中来看,在最新的iOS 13.4测试版中,iOS 13.4似乎还支持CarKey功能,能让iP ...
- IE工具条不能自动显示
IE工具条不能自动显示 Delphi / Windows SDK/API http://www.delphi2007.net/DelphiAPI/html/delphi_200611060937412 ...
最新文章
- 4.Product-based Neural Networks for User Response Prediction论文详细解读和代码实现
- Tungsten Fabric SDN — Service Chain — Heat Templates
- strcpy函数实现的几种方式
- 关于栈的理解(读书笔记)
- 操作系统对比和未来展望
- find命令的exec参数使用---Linux学习笔记
- 系统架构设计师 - 软件架构设计 - 特定领域软件架构DSSA(Domain Speciffic Softwore Architecture)
- 循环打印三角形 java 0913
- java对象转excel_Java对象和Excel转换工具XXL-EXCEL
- Coursera机器学习week11 笔记
- 计算机视觉图像去噪原理,AI笔记: 计算机视觉之图像滤波去噪: 原理、方法和效果比较...
- 数据接口复习 3 stack and queue
- (四)DIH导入结构化数据
- Python爬虫爬取腾讯视频动漫专区的动漫及其描述
- 公链生态周报:BI指数周涨幅超4%,以太坊POS代码即将完成 | 链塔智库
- python运行出现OSError: [WinError 87] 参数错误。
- python合并视频(mp4+mp3)
- 基于费马原理推导斯涅耳定律和广义斯涅耳定律
- 什么是ring0-ring3
- 让聊天机器人同你聊得更带劲 - 对话策略学习
热门文章
- python求一个数的因子_求一个整数的所有素数因子的思路是什么?
- leetcode刷题:121题stock
- 静态成员调用java,Java 反射 静态变量 静态方法 静态成员 调用 获取修饰符 判断是否为静态...
- linux 只运行一个实例 互斥锁,Linux多线程4-1_互斥量
- access中主键自动增长_ACCESS与EXCEL融合应用系列(一) :把数据导入Access
- python十大必备知识_学Python必备的基础知识
- Java MyBatis 占位符
- html5字体转换,图片转字符画html5版
- arm跑操作系统的意义_不太远的猜想:当ARM和鸿蒙OS在笔记本领域相遇,颠覆已无可避免...
- 016.OpenStack及云计算(面试)常见问题