Vorgehensweise + View ?

[Nico B.]

Hallo,

folgende Situation:

Ich habe (in diesem Falle Twitter) Ergebnisse, die ich gerne auf der Startseite meiner App kurz anteasern will. (Kleines fenster mit ca. 3-4 Einträgen)

Wenn ich auf'n Button drücke, sollte das Ganze größer dargestellt werden - Eine eigene Seite innerhalb der App quasi.


Da ich ja für beide Ansichten, die gleiche Logik brauche, war jetzt die Idee einfach 2 States zu kreieren ("small" und "huge") die jeweils eine der Ansichten repräsentiert.


Was meint Ihr - praktikable Vorgehensweise? Oder würdet Ihr 2 MXML-Dateien erstellen ?

[Omega Psi]

Du hast einen Überblick und eine Detail Seite... je nach Komplexität der Views kannst du das eine oder andere wählen oder beides.

[Omega Psi]

Ich weiss, das ist keine Antwort. Knall erstmal alles in eine Komponente und arbeite mit states, bei Bedarf lagerst du aus.

[Nico B.]

Jo im Prinzip nur ne Listenansicht, also nix wildes. Werd's mal alles in eine kloppen und schauen wie's läuft.


Antwort war trotzdem hilfreich, da ich mir nicht sicher war ob sowas überhaupt ne "akzeptable" Lösung wäre.

[Omega Psi]

Alles ist akzeptabel, solange man weiss, wie man mit wenig Aufwand den Code modularisiert.

[Nico B.]

Genau das wollte ich ja bezwecken. Die Logik läuft sowie in anderen Klassen ab.

[Omega Psi]

Flex 3 oder 4?

[Nico B.]

Flex 4

[Omega Psi]

Dann ist das ja easypeasy.

[Nico B.]

Mit den States oder was meinst Du?

[Omega Psi]

Ja genau, wäre es eine Flex 3 Anwendung, hätte ich noch mal drüber nachgedacht.

[Nico B.]

Achso - ok. Ne in Flex4 ist das ja echt ne schöne, leichte Sache.

[Nico B.]

Hi,

hab da nochma ne Frage zu dem Thema:

Bin jetzt soweit das die Logik zu dem Kasten zu 90% steht. Das Problem was ich gerade habe ist, wenn ich von der kleinen Ansicht zur Großen wechsle, sollte diese sich ja wieder Mittig in der Applikation ausrichten.

Das Ganze (diese Listenansicht) liegt in einer MainView.mxml. ... Wie kann ich in dieser jetzt die XY-Posi ändern, wenn ich den State von der List-View ändere?



(Weil sonst wird die einfach da größer, wo auch die kleine ist und das sieht natürlich nicht sehr schick aus. Abgesehen davon, dass sie natürlich "aus der App" ragt und nur die Hälfte zu sehen ist)

[Omega Psi]

Das sollte eigentlich das Layout richten.

Code?

[Nico B.]

Naja das Layout gibt es noch nicht (als Design) sondern nur als grobes Konzept. Daher ist das nicht sooooo tragisch, aber für den Fall, wollte ich schon mal gerüstet sein. :-)


Mainview:

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" 
         width="830" height="620" 
         xmlns:view="de.nicobarelmann.view.*"
 
         
         >
    
    
    
    
    
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
        ]]>
    </fx:Script>
    
    
    
    <fx:Declarations>
        <!-- Platzieren Sie nichtvisuelle Elemente (z.*B. Dienste, Wertobjekte) hier -->
    </fx:Declarations>
    
    
    
    <view:TwitterView x="11" y="15"/>
    
</s:Group> 

TwitterView:

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" 
            
         
         width.overview="200"   width.detail="500"
         height.overview="200"  height.detail="500"
         
         
         currentState="{ this.model.currentState }"
         >
    
    <fx:Declarations>
        <!-- Platzieren Sie nichtvisuelle Elemente (z.*B. Dienste, Wertobjekte) hier -->
    </fx:Declarations>  
    
    
    <s:states>
        <s:State name="overview" />
        <s:State name="detail" />
    </s:states>
    
    
    
    
    
    <fx:Script>
        <![CDATA[
            import de.nicobarelmann.presentation.TwitterPresentationModel;
            
            [Bindable]
            [Inject]
            public var model:TwitterPresentationModel;
            
            protected function init():void
            {
                model.getTwitterResults();
            }
            
        ]]>
    </fx:Script>
    
    
    
    
    
    
    
    
    
    <s:Button click="init()"
              x.detail="220" y.detail="472"
              x.overview="15" y.overview="165" label.overview="get Results"/>
    
    <s:List id="twitterResultList" dataProvider="{this.model.resultCollection}"
            x.detail="5" y.detail="8" width.detail="486" height.detail="456"
            x.overview="15" y.overview="15" width.overview="165" height.overview="145">
    </s:List>
</s:Group> 

Gedacht ist halt, dass ich im Startbildschirm viele kleine Boxne mit Infos/Listen habe (zB. Twitter). Klicke ich dann bei einer Box (die immer maximal 3-4 Beiträge zeigt) auf nen Button, wird sie groß und man hat zu jedem Eintrag mehr Infos/größere Darstellung usw....
Eine Idee wäre natürlich, diese "Detailansicht" einfach in einem PopUp zu öffnen. Dann müsste ich mich aber ja wieder von meiner Idee trennen, die "KleinAnsicht" & "Großansicht" in einer MXML mit States zu handeln.
(Wäre ja nicht schlimm (oder?), aber fand die Idee irgendwie ganz cool )

Grüße, Nico