UI开发
文章平均质量分 91
subnetwork
这个作者很懒,什么都没留下…
展开
-
减少Menu分割线的间距
之前看到社区中有介绍怎样灵活使用右键菜单的文章。现在积累下来右键菜单的方式还是比较多的,让我们来初步了解一下:1. 使用flash自带的右键菜单,通过ContextMenu来设置,这是twaver最早右键菜单的解决方法,但这种方式有一个不太好的地方是自带上了flash的信息,而且无法删除,因此很不方便。2. 通过左键的方式弹出Menu。这个方式还是比较能够接受的,对于flash也没有版本的要求。3...原创 2012-08-07 09:33:49 · 125 阅读 · 0 评论 -
使用3D呈现拓扑的多层次结构
关于3D场景在现在网管中的应用的讨论一直没有停止过,应用场景有哪些,应用的意义有哪些,可以为产品开发、为系统使用带来多少利益点等等。今天给大家介绍一种应用情景,希望能借此机会,抛砖引玉,引出更多更具有实际意义的应用需求来,为大家应用系统的丰富性添砖加瓦。在TWaver传统的2D应用中,近一年非常突出地出现了一种需求,那就是希望能够在同一个页面内显示多种层次的网络结构,这样做的好处在于:在同一个页面...原创 2012-08-07 09:35:29 · 198 阅读 · 0 评论 -
HTML5流程图之复杂关系网
关系网图的呈现方式多种多样,今天我们给大家分享的是和弦式的关系网图,先来看看效果:例子中我们展示的是各部门员工之间的复杂关系图。在公司内部,不仅部门内部员工之间发生着关系往来,部门和部门之间的员工也在发生这各种往来关系。如果你还是用原先的那种表格来呈现,显然很难直观看出各种关系,用图形化的拓扑呈现就会显得一目了然。好了,我们就来分析一下这张图如何用twaver实现它。首先我们要定义部门的网...原创 2015-05-06 17:10:00 · 1410 阅读 · 0 评论 -
HTML5流程图之矢量可伸展workflow
互联网购物成了当今非常热门的话题,各种购物网站,手机APP如雨后春笋般涌现出来。什么买衣服,买水果,买米,买油都得到了解决,自从有了这些app,再也不用去超市排着超长的队伍,扛着超重货物,骑着超累的车子了。之前每出一趟门买东西简直是跟参加了一场马拉松似的,现在好了,直接送货到家。那么在购物的背后又有什么样的流程呢,今天我们给大家介绍的是TWaver的另一款流程图。说到TWaver的流程图却是层出...2015-05-06 17:17:09 · 559 阅读 · 0 评论 -
HTML5组织结构图之名片式网元布局
组织结构图(Organization chart)是企业的流程运转、部门设置及职能规划等最基本的结构依据。和客户交流时,不少人都提到需要一个灵活的工具来绘制呈现企业的组织架构,今天就给大家带来一款用TWaver实现的组织结构图,提供多种布局方式,为了清晰呈现组织里每个人的职能,我们定制了名片样式来展示网元。首先来看下整体的效果,是上下布局的样式:也可以调整为圆形布局: 这些布局...原创 2015-05-07 11:43:40 · 756 阅读 · 0 评论 -
HTML5数据可视化第一弹:彩虹爆炸图
前言 25年过去了,Brooks博士著名的“没有银弹”的论断依旧没有被打破。HTML5也是一样。但这并不妨碍HTML5是一个越来越有威力的“炸蛋”:发展迅速、势不可挡。随着HTML5技术的普及,用HTML5做可视化呈现的项目越来越多了。HTML5的优势明显:网页上直接运行无需插件、手机平板方便兼容、代码开发和维护相对容易,等等。一大波一大波的做Java、.NET甚至C++桌面的程序老手...2015-05-19 15:23:53 · 700 阅读 · 0 评论 -
HTML5数据可视化第二弹:打造最美3D机房
最近项目开发任务告一段落,刚好有时间整理这大半年的一些成果。使用html5时间还不久,对js的认识还不够深入。没办法,以前一直搞java,对js的一些语言特性和概念一时还转换不过来。 上一篇第一弹介绍了项目中做的一个彩虹爆炸图,主要用了 html5的canvas的2d绘制技术。这一回我想介绍一下项目中的一个亮点技术:html5的3D,以及如何用它打造精美的3D机房监控系统。 目...原创 2015-06-01 14:25:33 · 1876 阅读 · 5 评论 -
看HTML5如何化解大型复杂网络拓扑图的分组嵌套效果
忙完3D,最近又开始用HTML5给客户开发网管界面。这次客户的需求很明确,要把一个关系很复杂的多层嵌套网络拓扑图做得尽可能美观和清晰。现实应用中,网络拓扑图结构可能很简单,也可能非常复杂,比如这种节点较多的单层拓扑:稍复杂一些的: 再复杂一些的: 在这些拓扑图中常见的场景是,很多网络节点需要组成一组,这常被称为“网元组”。一般来说,网元组会有一个形状,双击可以展开/闭合...2015-06-25 14:12:14 · 1963 阅读 · 1 评论