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主题。

  • 近期计划……
  1. 在ThemeRoller中支持PNG 8
  2. 新ThemeRoller开发者工具:将ThemeRoller放在任何Web页面中,并为使用jQuery UI CSS框架构建的自定义组件设计主题。
  3. 新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。

原文链接



朋友们的留言

  1. cssrain | 01月 2nd, 2009 at 13:52

    等待更多实用的UI。

  2. Lesbiche | 01月 27th, 2009 at 23:31

    Nice site you have!

我来说两句儿

可以在留言中使用以下标签 :<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>