zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    k8s 重要概念
    k8s 核心功能
    5 秒创建 k8s 集群
    学习 Kubernetes 的 Why 和 How
    Yeelink初步体验
    为Qemu aarch32添加BeautifulSoup4模块
    实现Qemu aarch32虚拟开发板ping www.baidu.com
    利用/proc/pid/pagemap将虚拟地址转换为物理地址
    加快Qemu Aarch32虚拟开发板的启动速度
    为Qemu aarch32开发板添加sd卡
  • 原文地址:https://www.cnblogs.com/waimai/p/2932715.html
Copyright © 2011-2022 走看看