Name: Michaela Pichler  Matrikelnummer: 764390     

Dokumentation zum Projekt      1. Beschreibung der einzelnen Funktionen:    VORSCHAUPAGE:    Private function init ():void   Diese Funktion lädt mit Hilfe des Dataproviders die erste Liste der initialisierten XML‐Datei  und übergibt sie der TileList mit dem Namen „Images1“.    Private function getID (e:Mouseclick): void  Diese Funktion holt in der initialisierten Liste 1 von dem geklickten Bild die ID Nummer und  übergibt die Zahl einer Variable, die als INT‐Variable deklariert wurde.  Danach wird dieser beschriebene Vorgang dispatched und einem neuem Event namens  „DISPLAYMODE“ an die Elternklasse übergeben    Private function getID2 (e:Mouseclick):void  Diese Funktion unternimmt das gleiche wie die Funktion “private function getID  (e:Mouseclick):void”. Nur  verarbeitet sie hier die Liste 2 der XML‐Datei    Private function Vorwärts_Click():void  Diese Funktion setzt das Layout auf den Status „list2“, welcher vorher deklariert wurde.  Weiterhin lädt diese Funktion mit Hilfe des Dataproviders die zweite Liste der XML‐Datei und  übergibt sie der TileList mit dem Namen „Images2“. Und zum Schluss aktiviert es mithilfe  eines Listeners die Möglichkeit auch auf der zweiten Seite/Liste per Mouseclick die ID des  geklickten Bildes zu erhalten und in eine Variable zu überschreiben.    Private function Zurück_Click ():void  Diese Funktion ändert den Status auf „list1“.    Private function clickImage (e:Event):void  Diese Funktion bewirkt dass der TileList es ermöglicht wird, diese per Mouse zu klicken um  dadurch mit Hilfe der Funktion auszulösen dass sich die ID gemerkt wird von dem  ausgewählten Bild       DISPLAYPAGE:    Public function init (id:init):void 

Diese Funktion ist eine öffentliche Funktion, die später in der Elternklasse aufgerufen wird  und mit dem entsprechenden Wert, eine INT‐Variable gefüllt wird. Diese Variable wird  gebraucht um zu entscheiden ob es die Null ist oder nicht.  Ist es eine Null, dann wird aus der ersten Liste der XML‐Datei bei der ID=0 der Pfad unter  „src_big“ genommen und in eine Variable namens „imagePath“ gespeichert. Gleichzeitig wird  die ID=0 auch in eine Variable „aktuelle ID“ gespeichert. Ist die ID nicht null, wird eine weiter  Funktion „setImageData“ mit der zu übergebenen ID aufgerufen.    Public function setImageData (id:int): void  Diese Funktion nimmt die übergebende ID und schaut: Ist es seine Zahl kleiner als Zwölf,  dann nehme diese ID suche in der ersten Liste der XML‐Datei nach der gleichen ID und bei  Übereinstimmung nehme dann den String der unter src_big steht. Dieser String wird der  Variable „imagePath“ übergeben. Sollte die ID größer/gleich sein als 12 sein, dann nehme die  Liste2 aus der XML‐Datei und suche dort die passende ID und nimm bei Übereinstimmung  den String von src_big. Dieser String wird auch der Variable „imagePath“ übergeben.    Public function Vorwärts():void  Diese Funktion ermöglicht es, dass man in der Bildergalerie dann vorwärtsklicken kann. Dabei  ist es egal ob man sich vielleicht schon am Ende der Bilderauswahl befindet.  Man kann dann  durch weiteres Vorwärtsklicken sich die Bilder wieder von vorne anschauen.    Public function Rückwärts():void  Diese Funktion funktioniert ähnlich wie das Vorwärtsklicken. Nur eben rückwärts. Auch hier  wird nicht beachtet, dass die Bilderauswahl schon zu Ende ist, man kann weiterhin  zurückklicken und landet dann wieder beim letzten Bild und so weiter.    MAIN:    Protected function init(event:FlexEvent):void  Diese Funktion aktiviert alle weiteren benötigten Funktionen und Eigenschaften, damit die  Application funktionieren kann.    Protected function displayMode (event:Event):void  Diese Funktion wird von der Funktion init() aktiviert und erhält das dispatched Event von der  VorschauPage. Es ändert den Status auf „Display“, eine andere Layoutseite. Es aktiviert die  Labels „Vorwärts“ und „Zurück“, macht sie also sichtbar. Es ruft die öffentliche Funktion init()  aus der DisplayPage auf und übergibt die von der VorschauPage erhaltene ID. Und zum  Schluss ruft es die Funktion „setImageInfos()“ auf.    Protected function nextClick(event:Event):void  Diese Funktion unterscheidet zwischen den Stati. Ist der status Vorschau ausgewählt, also  aktiviert, soll die öffentliche Funktion „Vorwärts_Click()“ aus der VorschauPage aktiviert  werden. Ist der Status „Display“ ausgewählt, soll die Funktion Vorwärts() aus der DisplayPage  aktiviert werden und gleichzeitig auch die Funktionen „setImageData“ und auch die  „setImageInfos“  mit der aktuellen ID.   

Protected function prevClick (event:Event):void  Diese Funktion funktioniert wie die vorhergehende, nur dass nun die Zurück‐Funktionen  aktiviert werden.    Protected function Gridchange (e.MousEvent):void  Diese Funktion fragt wieder ab, welcher Status im Moment ausgewählt ist. Je nachdem,  passiert etwas anderes. Ist der Status „Vorschau“ ausgewählt, ändert sich dieser Status in  „Display“, ruft die Funktion init() von der DisplayPage auf und setzt die Bildinformation  „imagesInfos“ sichtbar. Ist der Status „Display“ und die funktioniert wird aufgerufen, dann  soll sich der Status auf „Vorschau“ ändern und die Bildinformation unsichtbar machen. Diese  Funktion ist eine MouseClick‐Funktion und wird ausgelöst wenn man das ICON „GridButton“  klickt.    Protected function setImagesInfos (id:int)  Diese Funktion holt die ganzen Metadaten der Bilder aus der XML‐Datei. Dazu werden drei  String‐Variablen instanziiert und mit den richtigen Inhalten gefüllt. Die Inhalte bekommt  man, da man die ID vorher ausgelesen hat. Diese werden dann dem jeweiligen String  übergeben und in eine „Gesamt“‐variable „imageInfos“  überschrieben. ImagesInfos wird  dem Label „imageInfo“ als Text übergeben.        2. Navigationslogik, Reihenfolge der Bildschirme     

    3. Angabe der eigenen und fremden Code‐Anteile    VORSCHAUPAGE: 

  

Private function init ():void   Fremde Hilfe 



Private function getID (e:Mouseclick): void  Fremde Hilfe 



Private function getID2 (e:Mouseclick):void  Fremde Hilfe 



Private function Vorwärts_Click():void  Eigner Anteil 



Private function Zurück_Click ():void  Eigner Anteil 



Private function clickImage (e:Event):void  Fremde Hilfe 

 

 

 

 

 

  DISPLAYPAGE:     Public function init (id:init):void  Eigner Anteil + fremde Hilfe     Public function setImageData (id:int): void  Eigner Anteil + fremde Hilfe     Public function Vorwärts():void  Eigner Anteil     Public function Rückwärts():void  Eigner Anteil    MAIN:     Protected function init(event:FlexEvent):void  Fremde Hilfe     Protected function displayMode (event:Event):void  Eigner Anteil + fremde Hilfe     Protected function nextClick(event:Event):void  Eigner Anteil     Protected function prevClick (event:Event):void 



Eigner Anteil  Protected function Gridchange (e.MousEvent):void  Eigner Anteil 

  

Protected function setImagesInfos (id:int)  Eigner Anteil + fremde Hilfe 

  4. Klassendiagramm: