Viewstack Laufzeit pushen

[Omega Psi]

Ach so, ja. Das stimmt.

[Nico B.]

Ah ok, ich dachte mein Weltbild bröckelt.... :P

[Nico B.]

Also ich hab's jetzt mal umgesetzt - was würdest Du zu dieser "Art und Weise" sagen?

<?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" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
 
               width="600" height="600"
               addedToStage="init()"
            xmlns:local="*">
    
    
    <fx:Script>
        <![CDATA[
            import com.greensock.TweenMax;
            
            import mx.collections.ArrayCollection;
            import mx.messaging.AbstractConsumer;
            
            private var _currentID:int = 0;
            private var _width:int = 400;
            
            
            private var _colors:Array = [ 0xff00ff, 0xffff00, 0x00ffff ];
            private var  _steps:Array = [];
            
            protected function init():void
            {
                for( var i:int = 0; i<3; i++ )
                {
                    var step:TestSite = new TestSite();
                    step._numID = i;
                    step.id = "step_" + i;
                    step._color = _colors[i];
                    this.myGroup.addElement(step);
                    
                    _steps.push ( step );
                }
                
                
                myButtonBar.labelFunction   = myLabelFunction;
                myButtonBar.dataProvider    = new ArrayCollection(_steps);
                
                
            }
            
            private function myLabelFunction(item:Object):String
            {
                return this._steps[ item._numID ].id;
            }
            
            protected function button1_clickHandler(event:MouseEvent):void
            {
                //TweenMax.to( this.myGroup, 1, {x:-val} );
            }
            
            
            
        ]]>
    </fx:Script>
    
 
    <s:Group  width="400" height="300" clipAndEnableScrolling="true" >    
        
        <s:HGroup id="myGroup" gap="0">
        </s:HGroup>
        
    </s:Group>
    
    
    <s:ButtonBar id="myButtonBar" />    
    
</s:Application> 

Ich würde das Ganze Script-Zeugs in letzter Instanz noch in mein PresentationModel ausgliedern, aber im Prinzip finde ich das schonmal ganz cool.

Ich frage mich nur, ob die Verbindung der Buttonbar so gut gelöst ist.

Um noch weiter zu nerven:

Es läuft jetzt genauso, wie ich mir das vorgestellt habe. - NUR: Die Animation per TweenMax ist halt so typisch "Flex-mäßig"... Ka die sind nie so "rund" wie bei purem Flash/As3.
Kann man das ändern? Muss ich da evtl. an der Framezahl was drehen?

[Nico B.]

Ich nochmal:


Es gibt ja jetzt verschiedene Schritte, innerhalb meiner App. Diese müssen ja dynamisch erzeugt werden.

Ich frage mich jetzt, habe ich einen Vorteil dadurch, dass ich diese "Steps" mit as3 mache, anstatt mit mxml ?
(Ich lege im Moment einen "MasterStep" an, der dynamisch x-mal erzeugt wird. Bisher ist er only as3)

[Omega Psi]

Ich schaue nachher mal drüber.

[Omega Psi]

Naja, bei dir ist ja nichts so richtig dynamisch. Dynamisch wäre es, wenn du die Inhalte zur Laufzeit aufgrund eines Kontextes erzeugst - das ist halt eine statische Erzeugung innerhalb einer for-Schleife. Also kannst du die Views auch direkt in MXML erzeugen und via includeInLayout + visible anzeigen/ausblenden.

Was die Animation angeht, da musst du fummeln fürchte ich - ich weiss ja net, was genau das Ziel sein soll.

[Nico B.]

Hm nene je nachdem was Du auswählst erzeugt er dynamische Views. Dies passiert natürlich in einer for-Schleife, aber es nicht so, dass ich sie voher definieren könnte. Dafür ist das Ganze um Längen zu Komplex.

[LordCorax]

Hi Nico,

ich hab das Thema jetzt mal so grob überflogen. Enthält vielleicht der folgende Code das wonach du suchst? Zugegeben, das ist jetzt in Flex 3 aber, das kann man ja anpassen.
MfG

LordCorax

PHP-Code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="onInit();">
<mx:Script>
    <![CDATA[
import mx.containers.HBox;

    private static var iter:int = 0; 
    
    private var labels:Array = new Array();
    private function onInit():void
    {
        labels[0] = ["Startseite", "#9E9A41"];
        labels[1] = ["Mein Profil", "#408080"];
        labels[2] = ["Curriculum Vitae", "#66FF66"];
        labels[3] = ["Hobbys", "#7F33CC"];
        
    }
    private function add():void
    {
        if (iter < 4) 
        {
            var hbox:HBox = new HBox();
            hbox.label = labels[iter][0];
            hbox.id = "hbox" + iter;
            hbox.width = 100;
            hbox.height = 100;
            hbox.setStyle('backgroundColor',labels[iter][1]);
            vs.addChild(hbox);
    
            lb.dataProvider = vs;            
            iter++;
        }    
    }
    private function remove():void
    {
        if (iter > 0)
        {
            iter--;
            vs.removeChildAt(iter);
        }
    }
    ]]>
</mx:Script>
<mx:VBox>
<mx:Button label="Hinzufügen" click="add()" />
<mx:Button label="Weg damit" click="remove();"/>
<mx:LinkBar id="lb"/>
<mx:ViewStack id="vs" />
</mx:VBox>
</mx:Application>