拆分查看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移动

回答

相关问题