拆分查看Adobe Flex移動

我有四個觀點： 1.SplitView（主視圖） 2.SplitViewHomeView（根面板） 3.SimpleView（右圖） 4.Details（右面板視圖的孩子）。我試圖完成拆分視圖在iPad上Adobe Flex的mobile.But無法連接根面板右側面板......可以任何一個建議路徑me.My代碼如下拆分查看Adobe Flex移動

拆分視圖 **

<?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>

** DetailsView控件 **

<?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>

來源

2011-11-24 user654761

退房開源eskimo library

下載zip並查找SplitViewApplication.as或SplitView.as 這些組件將做你正在尋找的東西。

乾杯

來源

2011-11-24 09:03:09

非常感謝丹尼斯......請您詳細說明應該如何使用它？ – user654761

zip中包含一個名爲TourDeEskimo的.fxp文件，它基本上是一個展示愛斯基摩語所有功能的Flash Builder項目，您可以在其中查看源代碼。這應該讓你去。 –

hi ...拆分視圖現在支持Adobe Flex 4.6 ...他們提供了標準控制器...它自己... – user654761

拆分查看Adobe Flex移動

回答

相關問題