jQuery UI 1.6rc3发布
2009年01月1日 Web开发
Attention: We found a regression in the rc3 release that breaks datepicker in Internet Explorer. The issue has now been resolved with the rc4 release – please do not download the rc3 release anymore. We apologize for the inconvenience.
注意:rc3在IE中存在一个严重问题。rc4已经解决了这个问题。
按:jQuery UI 1.6rc3发布标志着jQuery UI 1.6接近封版。jQuery UI 1.6将于2009年1月14日随同jQuery 1.3一起发布。
昨天,jQuery UI Team负责人Paul Bakaus同学激动不已地宣布,1.6发版前的最后一个版本——jQuery UI 1.6rc3发布了。在过去忙碌的几个月中,设计方法、规范、代码基都经历了很大变化。也就是说,rc3并非rc2的简单的bug修正版,而是一套完全不同的代码。在新的交互设计方法的指导下,UI团队重新构建了许多部件的基础代码,也多次重构了相关部件,最终实现了更理想的观感效果。
jQuery UI 1.6rc3中显著的变化包括:
- “翻新”日期选取器和滑动条(Datepicker and slider refresh)
为了适用新的主题(皮肤),对日期选取器作了必要调整:删除了一些选项,默认禁用了changeMonth和changeYear方法,引入了新方法showButtonPanel。具体细节近期将在相关标签(ticket)中公布。
滚动条也经过了重构。把’axis’选项改为了’orientation’、删除了’handle’和’handles’选项、为突出’step’而删除了’steps’和’stepping’、为突出’value’(选项和方法)而删除了’startValue’和’moveTo’,等等。滚动条规范页面包含更详细的说明。
UI团队将针对最终版本提供详细的兼容性信息和升级方案,以确保平稳过渡。
- “检修”拖放逻辑(Drag & Drop logic overhaul)
完全重新设计了拖放及可排序部件的定位、交叉逻辑,并通过200多个自动测试用例测试了几乎全部可能出现的情形(即各种滚动偏移及位置值)。在此基础上,修正了至少30种定位错误的情形(即未包含滚动、提示条置顶等)。
- 全新的部件设计(New widget designs)
jQuery UI 1.6rc3中所有部件的外观焕然一新。这既是新交互设计(Interaction Design)团队汗水的结晶,也得益于新jQuery UI CSS框架的支持。每个部件的标记和CSS都经过了重新搭配,从而构成了最整洁也最富弹性的解决方案。
- CSS框架(CSS Framework)
jQuery UI 1.6rc3基于全新的CSS框架构建。这个新CSS框架不仅支持jQuery UI的内置插件,也支持用户开发的自定义插件。这个框架专门针对用户界面开发,而非整页布局的开发。其中包含各种常用的UI实用方法、状态、容器及图标的API,可以通过jQuery UI ThemeRoller调用。要了解这个框架的完整API,请参考:http://jqueryui.pbwiki.com/jQuery-UI-CSS-Framework(如果无法访问这个网址,使用Firefox的用户可以安装gladder扩展。然后,选择“通过代理访问”。)
- 主题卷轴v2(Themeroller v2)!
- 主题卷轴v2(——是不是受到2008北京奥运会开幕式中巨辐卷轴的启发呢?roller译为“滚筒”感觉不合适,不信可以看看人家那个“卷轴”图标。)
ThemeRoller也经过了重新设计,以适用新的CSS框架和部件设计。现在的ThemeRoller位于一个垂直的侧边栏中,并默认装载了一些新特性,例如:
- 带预览图的切换窗格(Toggle-able panels with previews)
为便于使用,ThemeRoller的控制条被组合到了可折叠的窗格中。每个窗格中还包含反应当前样式的预览图,以便在窗格折叠后仍能看到该窗格中的设置。
- 新控制条!圆角效果!投影效果!(New Levers! Round corners! Drop shadows!)
新增了highlight(高亮)、error(错误)、corner radius(圆角)、overlays(覆盖图)和overlay shadows(覆盖图阴影)选项窗格。
- 图标精灵(Icon sprites)
jQuery UI CSS框架内置了大量用于自定义部件开发的图标。文档中提及的所有图标都被打包到了精灵和类中。
- 新式主题
新增了很多赏心悦目的内置主题,可以在主题画廊(Gallery)中查看和修改。
- 历史/后退按钮支持(History/back button support)
在ThemeRoller中执行的任何操作,现在都可以通过浏览器的历史记录撤销和重做了。
- 支持遗留主题(Legacy theme support)
使用以前版本的ThemeRoller设计的主题,可以正常加载到ThemeRoller v2中。不过,旧主题中可能不会包含一些新的设置。ThemeRoller v2支持下载基于jQuery UI 1.5的ThemeRoller主题。
- 近期计划……
- 在ThemeRoller中支持PNG 8
- 新ThemeRoller开发者工具:将ThemeRoller放在任何Web页面中,并为使用jQuery UI CSS框架构建的自定义组件设计主题。
- 新ThemeSwitcher书签:一个小脚本段,执行这个脚本可以在页面中添加一个小型主题画廊,而用户通过它可以改变使用jQuery UI CSS框架构建的自定义组件。
- jQuery UI 1.6rc3下载及测试
可以在jQuery的下载页面中选择下载jQuery UI 1.6rc3,并在bug追踪页面中提交发现的问题。由于jQuery UI 1.6将随同jQuery 1.3一起发布,因此Paul Bakaus同学也希望测试者报告jQuery UI 1.6rc3基于jQuery 1.3b1运行时可能出现的bug。
本博客专注于Web前后端技术和技术翻译。目前正在翻译《JavaScript高级程序设计(第2版)》。新浪微博(t.sina.com.cn/lisf),Twitter(@cncuckoo,仅仅用于跟踪国外牛人;我翻不了墙,无法接受各位朋友的follow,抱歉!)
等待更多实用的UI。
Nice site you have!