Split View в Adobe Flex Mobile - PullRequest
Новая
       12

Split View в Adobe Flex Mobile

0 голосов
/ 24 ноября 2011

У меня есть четыре вида: 1.SplitView (основной вид) 2.SplitViewHomeView (корневая панель) 3.SimpleView (правая панель) 4.Details (дочерний элемент правой панели).Я пытаюсь выполнить разделение вида, как в Ipad в Adobe Flex Mobile. Но не удается подключить корневую панель к правой панели ... Может кто-нибудь предложить путь ко мне. Мой код ниже

Разделить представление**

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <s:ViewNavigator id="MainView" left="0" width="300" height="748" firstView="views.SplitViewHomeView"/>
    <s:ViewNavigator id="MainView1" left="301" width="732" height="748" firstView="views.SimpleView"/>

</s:Application>

** SplitViewHomeView **

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="Root View"
        creationComplete="srv.send()">
    <fx:Declarations>
        <s:HTTPService id="srv" url="assets/employees.xml"/>
    </fx:Declarations>
    <s:List id="list" top="0" bottom="0" left="0" right="0"
            dataProvider="{srv.lastResult.list.employee}">

        <s:itemRenderer>
            <fx:Component>
                <s:IconItemRenderer
                    label="{data.Name} {data.Founder}"
                    messageField="title"/>
            </fx:Component>

        </s:itemRenderer>
    </s:List>

</s:View>

** Простой вид **

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="Home View"
        creationComplete="srv.send()">
    <fx:Declarations>
        <s:HTTPService id="srv" url="assets/employees.xml"/>
    </fx:Declarations>
    <s:List id="list" top="0" bottom="0" left="0" right="0"
            dataProvider="{srv.lastResult.list.employee}"
            change="navigator.pushView(Details, list.selectedItem)">
        <s:itemRenderer>
            <fx:Component>
                <s:IconItemRenderer
                    label="{data.Name} {data.Founder}"
                    messageField="title"/>
            </fx:Component>
        </s:itemRenderer>
    </s:List>

** Подробности просмотра **

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        title="Details">

    <s:HGroup verticalAlign="middle" gap="12">
        <s:Image source="assets/pics/{data.picture}"/>
        <s:VGroup>

        </s:VGroup>
    </s:HGroup>
    <s:navigationContent>
        <s:Button label="Back" click="navigator.popToFirstView()"/>
    </s:navigationContent>


</s:View>

**

1 Ответ

0 голосов
/ 24 ноября 2011

Ознакомьтесь с открытым исходным кодом Библиотека эскимосов

Загрузите zip-архив и найдите SplitViewApplication.as или SplitView.as Эти компоненты сделают именно то, что вы ищете.

Приветствия

...