回到杭州后开始找工作同时继续更新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.
Vertical和horizontal属性控制滚动行为和它们各自的坐标轴。这两个属性都有4个可选的值:
- "scroll"总是显示滚动条
- "auto" 当内容超过视图大小时根据需要滚动
- "hidden" 从不滚动
- "default" 默认值,和auto一样
如要使用动画滚动到一个特定的位置,调用scrollTo(intX, intY)函数。如要不使用动画效果快速回到一个位置,调用setScrollLeft(inX) 和 setScrollTop(inY)。
当使用touch-based滚动时,用户可能会拖动到无效的滚动位置。这时,在scroller返回到有效位置前移动的阻力会变大。为了避免这种情况,请将touchOverscroll属性设置为false。