Эффект перетаскивания / пролистывания Flex / Actionscript (имитация интерфейса Android / IOS)

Question

Я пытаюсь смоделировать интерфейс мобильного телефона (ios / android) ...

1. Перетащите меню, и вы увидите часть содержимого предыдущей или следующей страницы
2. Отпустите меню, и если вы перетащили более 30% содержимого страницы.Он будет выполнять переход между текущей страницей и целевой страницей.

Мне просто интересно, есть ли какая-либо библиотека или компонент Flex, уже предоставивший вышеуказанные функции?У меня есть Google, но ничего не связано с этими функциями (неправильное ключевое слово? ..).Я могу написать код вручную, но я хотел бы проверить, является ли мой подход лучшим способом сделать это ...

Спасибо заранее.

Answer 1

Используя Flex Mobile SDK, вы заметите аналогичный интерфейс, пользовательский интерфейс и функциональность, которые есть в родных приложениях iOS.

Компонент List выглядит аналогично iOS, например, как отрисовывается полоса прокрутки и возможность «прыгать» перед списком.

Я хотел бы взглянуть на блог Flex от Джейсона от компании Adobe, просмотр мобильных страниц со скином индикатора страницы:

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

<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 проекта.

Answer 2

Я думаю, вам нужно кодировать 30% -логический / и т.д. в любом случае - но вот несколько ссылок, которые вы найдете полезными:

1. TweenMax - супер удобный, очень гибкий, очень простой и понятный по сравнению с классными вещами, которые вы можете сделать с ним; особенно полезно, когда вы хотите быстро протестировать концепцию
2. a глава в книге
3. fl.transitions