• 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

  • 相关阅读:
    SpringBoot-基于Maven工程使用SpringBoot
    Nginx的Mainline version、Stable version、Legacy version的版本区别
    Keepalived+Nginx实现负载均衡高可用
    Angular5学习笔记
    Angular5学习笔记
    Angular5学习笔记
    Angular5学习笔记
    Angular5学习笔记
    Kettle能做什么?
    Angular5学习笔记
  • 原文地址:https://www.cnblogs.com/waimai/p/2932715.html
Copyright © 2020-2023  润新知