Miranda UI Library更新日志 -> 2010-6-1: 换了一套素一些的Win7风格的墙纸
这个贴子是用来track目前的视窗界面开发状态。
我给这套Library取了个名字叫Miranda UI Library (简称Miranda UI)。
Miranda UI Library主要是用JS在Web页面上实现各种Windows界面效果的JS Library.
框架结构:
Framework.JS
实现基础函数库:命名空间,AJAX,JS异步加载,DOM操作,Code Bind,常用工具方法。
UI.JS
负责协调桌面对象,Window对象以及Application对象。实现UI基本行为,如:拖动,UI事件层。
Desktop.JS
绘制桌面窗口区域,开始菜单,任务栏,桌面图标与Application的关联,并负责具体实现Window在桌面上的各种交互功能,如最大化,最小化,关闭以及相应的任务栏按钮同步。
Window.JS
绘制窗口,并实现窗口的各种UI交互行为(如移动和Resize),并接受相关UI动作然后传递给桌面对象进行处理(如窗口最大小,最小化,关闭等)
Application.JS
向桌面注册Application,在桌面上创建图标并绑定Application行为(打开某个URL或将页面上某一片区域/元素显示在指定窗口里)
更新记录:
2009-12-18: 博客园来信希望能将我的博客页面改造为通用模板,很高兴能让更多的朋友都有机会接触和使用到Miranda UI。
2009-12-18: 给窗体加入了半透明边框效果,改进了窗体右上角控制按钮(最小化,最大化按钮等),新的按钮图片看起来平滑多了。
2009-12-25:
重新调整了整个Miranda UI的框架结构,加入了可配置特性,改进了文件结构(更趋于组件化,以便未来进行进一步扩展,计划通过多态实现插件和换肤特性),小小地改进了一下导航页面,给日历加上了CSS样式(虽然还是不怎么好看)
2009-12-30:
给窗体标题文本加了一点点白色半透明小背景.
2009-12-31:
加了一个自动切换桌面墙纸的功能:墙纸可以基于预先设定好的周期随机的在墙纸列表中加载墙纸图片。窗体的半透明效果搭配五颜六色的墙纸背景,总算感觉整体界面不像以前那么死板了。
2010-1-3:
引入Miranda UI的第三方应用程序特性,并加入了“我也想用这个模板”这个第三方程序,用于帮助各位观众快速生成调用Miranda UI的特殊代码。
2010-1-5:
把博客文章字体调大了一些,看起来舒服些。
2010-6-1:
唉,N多人说我背景太花,看着晃眼,所以换了一套素一些的Win7风格的墙纸
2011-3-24:
我现在的博客UI是JS用博客园一个叫kubrick的模板改的,结果这个模板被更新了,导致我的JS不能识别现有的html结构,结果页面就被破坏了。
花了些时间,更新了JS,总算是把UI又改回来了。而且改进了一下JS加载方式,页面呈现速度更快了。
Roadmap:
重构代码架构,提高可配置性
支持IE6(从我的博客流量统计来看,IE6的用户还是占了所有IE用户的25%左右)
加入动画效果
加入更多的桌面组件
修改一些小bug
发布相关技术文章
基于当将面向对象代码架构定义通用Code DOM并开发相关代码编辑器及相关文档/注释/架构图生成工具
欢迎大家提出各种创意,想法和报bug :-)