Горизонтальный список или карусель для мобильного Flex?

Question

Я создаю интерфейс поиска людей в Adobe Flex / Actionscript, где у нас есть изображение для каждого человека и немного текста. Я собираюсь реализовать что-то вроде этого:

Интерфейс горизонтального списка

OR

Интерфейс карусели

Оба эти пакета, к сожалению, предназначены только для настольного Flex, мне было интересно, кто-нибудь знал альтернативы мобильного flex (особенно Blackberry Playbook)?

Спасибо Фил

Answer 1

Если вы используете стандартный s: список , вы можете изменить его свойство layout на HorizontalLayout instance.

В основномпримерно так:

<s:List>
    <s:layout>
        <s:HorizontalLayout/>
    </s:layout>
</s:List>

Answer 2

Есть прекрасный пример этого в Tour de Flex, который использует пользовательский макет со свойствами postLayoutTransform для создания 3D-эффекта.

Я не знаю, как сделать ссылку на конкретный пример, но если вы перейдете здесь , просто нажмите Другие компоненты -> Макеты -> Карусель

Ура!

Answer 3

Возможно, вы могли бы вместо этого использовать TileList. Это горизонтальный список, который автоматически использует следующую строку, если страница заполнена. Вы можете заполнить его данными, используя тег DataProvider.

Вот пример:

<mx:TileList id="tileList" borderStyle="none" paddingBottom="0"
paddingTop="5" paddingLeft="5" paddingRight="5" itemClick="onClickHandler(event)"
dataProvider="{yourArrayList}" itemRenderer="renderer.WidgetRenderer" />

Класс widgetrenderer создает мои imageButtons (поэтому можно использовать и обычные изображения). Эти кнопки сделаны из данных моего массива, к которым могут обращаться данные. (Элемент в массиве его свойства). Если вам нужен элемент, по которому щелкнули, вы можете использовать идентификатор вашего списка плиток и выбрать для выбранного элемента.

В этом примере:

var object:Object = tileList.selectedItem;

Я не знаю, понимаете ли вы мое объяснение, если не можете спросить. Я надеюсь, что это может помочь вам.

Answer 4

Горизонтальный список должен нормально работать на мобильном телефоне!