New Timeline的Toolbar样式设计
来源:互联网 发布:利润率的算法 编辑:程序博客网 时间:2024/05/23 02:03
最近在做新版的Timeline,Toolbar【Menu】的功能基本完成,因此把截图拿出来与各位博友分享一下。
新版Timeline【HTML版本】主页面:
这次主要讲解一下Toolbar【Menu】的功能。
1、Toolbar的主要功能按钮:
这块是用Ext的Toolbar实现的,之前用jQuery.toolbar.js实现,但是在实现Check选择菜单和点击后悬停菜单方面,jQuery.toolbar.js实现起来比较困难,需要自己修改js。
2、EventList效果:
此模块主要应用的Ext的Tree来实现的,虽然暂时没有树状结构但是便于以后分类的扩展,此块的Tree的panel要关联到menu上,这块用了一点小技巧,具体方法是:正常添加Event list的menu,然后用menu的item的html属性添加一个treeGrid的div【设置固定的宽度和高度】,然后添加单击事件,在单击事件中获取业务数据,将业务数据构建成treeStore格式,然后添加到Tree.panel上,将tree.panel绑定到html中的div【renderTo】就可以了,另外提醒一下,就是不用每次点击都做这些操作,需要一个变量记录一下,如果第二次或者之后点击,不需要取数据再load了,只需要显示原有的Event list就可以了。
3、Time Scale:
此块重要是动态修改Timeline模式的时候需要动态修改icon_ok图标,这块难度不大。
4、Legend:
此块主要是menu实现了既包含图标还有checkbox属性,其实这是Ext的toolbar本身就支持的,只需要正确配置其属性就好了。
5、More Infomation
主要的功能就介绍这些了,如果有需要深入交流的请给我留言。
- New Timeline的Toolbar样式设计
- Unity的TimeLine设计相关
- ToolBar的样式设置
- 自定义ToolBar的样式
- 关于类微博的timeline的设计思考
- 关于类微博的timeline的设计思考
- 几个大型网站的Feeds(Timeline)设计简单对比
- Toolbar上overflow的样式自定义详解
- Toolbar自定义样式,别致的布局,可复用
- 我读书的TIMELINE
- 关于pyclutter的timeline
- TimeLine
- Timeline
- ToolBar自定义样式
- toolbar样式定制
- Toolbar popupmenu 样式设置
- android---自定义ToolBar样式
- Toolbar样式定制详解
- ANDROID笔记:四大组件之广播
- C++中类似printf的日志函数的包装
- Android开发环境搭建及ADT下载的问题
- 第五周 从混乱到觉醒
- javascript 笔记
- New Timeline的Toolbar样式设计
- iOS中XML解析 (一) TBXML (实例:打印xml内容及存储到数组)
- vim插件配置(linux)
- 如何把符号链接创建到Global名字空间
- 全志平台boot里TVD倒车显示功能开发
- 【内存管理】:self.变量 和 变量 的区别
- 临时解决UIImagePickerController在可编辑模式下选择相册图片后不能上移的bug
- gpio_direction_output 与 gpio_set_value
- swig--在java、C#中调用c++写的DLL(以vs2012配置为例)