Flex / Actionscript拖放/滑动效果(模拟android / ios界面)

时间:2012-04-02 12:14:19

标签: android ios flash flex actionscript

我正在尝试模拟移动界面(ios / android)......

  1. 拖动菜单,您将看到上一页或下一页内容的一部分
  2. 如果您拖动了超过30%的网页内容,请发布菜单。它将在当前页面和目标页面之间进行转换。
  3. 我只是想知道是否有任何库或Flex组件已经提供了上述功能?我有谷歌但没有与这些功能相关(错误的关键字?..)。我可以手工编写代码,但我想检查一下我的方法是否是最好的方法......

    先谢谢你。

2 个答案:

答案 0 :(得分:0)

我认为你需要编写30%-logic / etc的代码。在任何情况下 - 但这里有一些你会觉得有用的链接:

  1. TweenMax - 与你可以用它做的很酷的事情相比,超级方便,非常灵活,非常简单和直接;当你想快速测试一个概念时特别有用
  2. 书中的chapter
  3. fl.transitions

答案 1 :(得分:0)

使用Flex Mobile SDK,您将注意到本机iOS应用程序中的类似界面,用户体验和功能。

List组件与iOS类似,例如滚动条的呈现方式以及在列表之前弹出的能力。

我会看一下来自Adobe的Jason的Flex博客,带有Page Indicator Skin的移动列表分页:

http://blogs.adobe.com/jasonsj/2011/11/mobile-list-paging-with-page-indicator-skin.html

Page Scrolling 1 Page Scrolling 2

<s:List id="pagedList"
        width="100%" height="100%"
        verticalScrollPolicy="off" horizontalScrollPolicy="on"
        pageScrollingEnabled="true"
        itemRenderer="renderers.BackgroundColorRenderer"
        skinClass="skins.PagedListSkin">
    <s:layout>
        <s:TileLayout orientation="rows" requestedRowCount="1"
                      columnWidth="{pagedList.width}" rowHeight="{pagedList.height}"
                      verticalGap="0" horizontalGap="0"/>
    </s:layout>
    <s:ArrayCollection id="colorData">
        <fx:Number>0xFF0000</fx:Number>
        <fx:Number>0xFF9900</fx:Number>
        <fx:Number>0xFFFF00</fx:Number>
        <fx:Number>0x00FF00</fx:Number>
        <fx:Number>0x0000FF</fx:Number>
        <fx:Number>0x9900FF</fx:Number>
    </s:ArrayCollection>
</s:List>

那里有项目的FXP。