事件的更新时双向的,移动和桌面应用都会被加入新的特性. Ext JS 组件现在能对手指扫动,长按,还有其它专为移动设备设计的手势操作进行响应, 甚至在一个桌面系统的浏览器上面也能起作用. 自然,需要多指操作的事件(比如,开合,旋转) 是不能被移植到使用鼠标操作的桌面环境的. 当然,开发者也不会被鼓励去移植一套移动的体验到桌面之上,但还是要确保展现上的一致性.
如果开启了触摸事件,动势滚动也会在框架中发生作用. Touch Scroller 现在已经是 Ext JS 5 的一个组成部分了, 它会在触摸屏设备上自动开启,而不需要进行什么配置.
类系统和事件管理的更新中都加入了能显著促进对平板设备支持的特性。终端用户将会在同视图和组件交互的过程中体验到这些特性。让我们来看看是如何放置以获取对平板设置的最优支持的. 组件对于最优触摸屏展现的需求已经走在了实现触摸事件的前面. 某些基于鼠标的交互模式(鼠标滑过/悬停,右键) 将不会在平板上面起作用. 在桌面浏览器上面支持这些事件的组件将会使用一些界面操作的替代手段. 网格面板就是这样一种组件的完美示例. 当我们观察头部菜单时,我们很快会发现需要一些交互较能将它们打开.
扩展了的头部菜单
首先,为了激活菜单,我们将鼠标悬停在列的头部。然后将会显示一个靠右对齐的箭头按钮. 最后我们按下按钮,让菜单拉下显示出来.
使得这一流程在触摸屏上重复是可能的. 不过,网格面板是能够识别触摸屏的,并能够使用触摸屏的交互模式替换替换掉原来的桌面交互模式. 当在平板设备上查看时,网格会在长按事件发生时显示头部菜单,这需要用户花比平常稍长一点的时间,来简单的在列的头部按一下.
另外一个有趣的示例时行的高亮. 之所以有趣是因为它现在在平板设备上有了替代方案. 高亮的主要目的是使得指针所指处的那行变得醒目. 由于触摸屏并没有指针,因此行高亮就变得过时了.
Ext JS 5 中的组件不仅对平板设备上的展现进行了优化,它们还从 Sencha Touch 2 处引入了一些新的特性. 例如,使用了图标的按钮使得用户界面更加的漂亮. iconCls 属性现在也能在 Ext JS 5 中起作用了. 因为按钮被其它诸如TabPanel的组件复用了,因此我们会看到整个栈都得到了更新. The 带有icon支持的新的TabPanel 新的 Sencha Charts 包是另外一个两个框架交互的完美实例。Charts 证明了新的类系统和事件管理更新让 UI 更方便的进行设备上的诊断,同时维护持久化 API 和性能。不管你是否在 Ext JS 5 或者 Sencha Touch 2 上开发应用,你都应该试试 Charts。 Sencha Charts 是首个可以在 Ext JS 5 和 Sencha Touch 2 上共享的包
除了这三个特殊的更新外,任何的 widget 都提供专为移动的设计规则,这是通过引入了响应式配置插件实现的。任何配置属性都有一个 setter 方法来针对当前屏幕方位进行更新,或者是根据视角唯独进行更细致的计划。Phil Guerrant 写了一篇文章 Designing Responsive Applications with Ext JS 详细描述了此特性,你也可以查看一些 演示程序. |