enyo官方开发入门教程翻译一Layout之Scrollers

      回到杭州后开始找工作同时继续更新enyo官方入门教程,将剩下的Building Apps部分翻译完,这部分都是关于enyo各属性和组件的简单使用,把我学习和翻译时用到的demo拿出来分享一下方便新人学习时参考一下,下载链接https://skydrive.live.com/redir?resid=D2B942A93F4E3307!240&authkey=!AHUmFno9K2pdd0c,以后有时间的话再放一些复杂点的demo。另外今天在官方教程目录里突然发现新增加了一篇关于使用enyo开发win8 App的教程,需要win8和VS2012,这篇就不翻译了吧。

enyo.Scroller

enyo.Scroller提供了一个可以用触摸或鼠标动作滚动页面内容的视图(超过一个viewport大小的内容的不会自动滚动;要滚动页面内容,必须将它放在一个Scroller control中)。enyo.Scroller在移动应用和桌面上都适用。

     strategyKind属性决定scroller的滚动方式。默认值是"ScrollStrategy",由框架选择运行平台上合适的滚动策略。

     桌面浏览器有自身的本地滚动机制,但一些移动浏览器没有默认的DOM元素滚动设置。这时,enyo.Scroller实现了一种基于触摸事件的滚动方案。你可以选择全局的(设置 enyo.Scroller.touchScrolling为true)或基于实例的(指定"TouchScrollStrategy"策略)触摸滚动方案。如果你选择了滚动策略,scroller就会使用touch-based机制,即使在桌面浏览器上也会这样(这时浏览器不会出现本地滚动条,用户可以通过点击拖曳来滚动页面内容)。

     第三个策略类型"TranslateScrollStrategy",使用翻译来实现触摸滚动,现在只支持安卓3和安卓4.

Verticalhorizontal属性控制滚动行为和它们各自的坐标轴。这两个属性都有4个可选的值:

  • "scroll"总是显示滚动条
  • "auto" 当内容超过视图大小时根据需要滚动
  • "hidden" 从不滚动
  • "default" 默认值,和auto一样

     如要使用动画滚动到一个特定的位置,调用scrollTo(intX, intY)函数。如要不使用动画效果快速回到一个位置,调用setScrollLeft(inX) 和 setScrollTop(inY)。

     当使用touch-based滚动时,用户可能会拖动到无效的滚动位置。这时,在scroller返回到有效位置前移动的阻力会变大。为了避免这种情况,请将touchOverscroll属性设置为false

posted @ 2013-02-25 21:21  外卖  阅读(643)  评论(0编辑  收藏  举报