Segue-Controller (manuelles Wechseln)

(1)

Segue-Controller (manuelles Wechseln)

(2)

Wie bekommt man nun weitere ViewController?

1. Man wechselt in dem Main.Storyboard 2. Die Komponentenliste sollte offen sein

3. Man zieht einen zweiten ViewController neben den ersten UIController

4. Eintragen der UI-Elemente

•

Label

•

Schalter

5. beide Segue setzen

•

Schalter1 ziehe zum ViewController2

•

Einbau einer unwind-methode im ViewController2

•

ViewController2 zum Exit-Schalter ziehen

Segues-Controller

(3)

UI-Elemente

1. Erster UIController

•

Caption „Erste Controller“

•

Schalter „Zum 2. View“

2. Zweiter Controller

•

Caption „Zweiter Controller“

•

Schalter „Zum 1. View“

(4)

Verknüpfen des 1. Schalter mit den 2. UIViewController

1. Anklicken des 1. Schalters 2. Ctrl-Taste drücken

3. Ziehen zum 2. UIViewController

(5)

Erstellen einer Swift-Datei für den 2. UIViewController 1. Neue Klasse erstellen und speichern

2. Zuweisen des 2. UIViewCotnrollers zur neuen Datei

3. setzen der unWind-Methode zum Rücksprung

(6)

1. Neue Klasse erstellen

(7)

2. Basisklasse der neuen Klasse

(8)

3. Neue Klasse speichern

(9)

(10)

Swift-Datei für den zweiten UIController zuweisen

1. Anklicken des runden Symbols in zweiten Controller

1. Wechsel in den „Show File Inspector2 2. Eintrag „Custom Class“

3. Auswahl in der ComboBox „Class“

(11)

// Rücksprung vom ViewController2

@IBAction func unwindToMainController

(_ segue:UIStoryboardSegue) { }

Eintragen einer Delegate-Funktion im ersten ViewController

(12)

Eintragen einer Delegate-Funktion im neuen Quellcode.

Ablauf:

1. Schalter anklicken 2. Ctrl-Taste drücken

3. ziehen zum roten, dritten Schalter

4. Auswahl der Methode

(13)

(14)

Segue2-Controller mit NavigationsController

(15)

Einfügen eines Navigations-Controllers

(16)

Aufbau der UI-Elemente

1. Der erste ViewControllers ist der HauptView 2. Eintragen eines zweiten UIViewControllers (1) 3. Eintragen eines dritten UIViewControllers (2) 4. Eintragen eines vierten UIViewControllers (3) 5. Jeder ViewController hat

•

Ein Label mit „View1“ , „View2“ , „View3“

6. Ziehen eines Segues von den Schaltern zu den drei ViewControllers

(17)

(18)

(19)

(20)

Segue3-Controller mit NavigationsController sequentiell

(21)

Einfügen eines Navigations-Controllers

(22)

Aufbau der UI-Elemente

1. Der erste ViewControllers ist der HauptView 2. Eintragen eines zweiten UIViewControllers (1) 3. Eintragen eines dritten UIViewControllers (2) 4. Eintragen eines vierten UIViewControllers (3) 5. Jeder ViewController hat

•

Ein Label mit „View1“ , „View2“ , „View3“

•

Ein Schalter zum nächsten View

6. Ziehen der Segues von den Schaltern zu den jeweiligen ViewControllers

(23)

Anzeige der vier ViewController

(24)

Rücksprung-Schalter einfügen

1. ViewController2:

•

Schalter „unwind 2 red exit“

2. ViewController2:

•

Schalter „unwind 2 red exit“

•

Schalter „unwind 2 green exit“

(25)

Eintragen der unwind-Methoden: ViewController1

// Rücksprung vom EditViewController Abbruch @IBAction func unwindToRedController

(_ segue:UIStoryboardSegue) { }

(26)

Segue-Controller (manuelles Wechseln)

Wie bekommt man nun weitere ViewController?

1. Man wechselt in dem Main.Storyboard 2. Die Komponentenliste sollte offen sein

3. Man zieht einen zweiten ViewController neben den ersten UIController

4. Eintragen der UI-Elemente

Label

Schalter

5. beide Segue setzen

Schalter1 ziehe zum ViewController2

Einbau einer unwind-methode im ViewController2

ViewController2 zum Exit-Schalter ziehen

UI-Elemente

1. Erster UIController

Caption „Erste Controller“

Schalter „Zum 2. View“

2. Zweiter Controller

Caption „Zweiter Controller“

Schalter „Zum 1. View“

Verknüpfen des 1. Schalter mit den 2. UIViewController

1. Anklicken des 1. Schalters 2. Ctrl-Taste drücken

3. Ziehen zum 2. UIViewController

Erstellen einer Swift-Datei für den 2. UIViewController 1. Neue Klasse erstellen und speichern

2. Zuweisen des 2. UIViewCotnrollers zur neuen Datei

3. setzen der unWind-Methode zum Rücksprung

1. Neue Klasse erstellen

2. Basisklasse der neuen Klasse

3. Neue Klasse speichern

Swift-Datei für den zweiten UIController zuweisen

Ablauf:

1. Schalter anklicken 2. Ctrl-Taste drücken

3. ziehen zum roten, dritten Schalter

4. Auswahl der Methode

Einfügen eines Navigations-Controllers

Aufbau der UI-Elemente

1. Der erste ViewControllers ist der HauptView 2. Eintragen eines zweiten UIViewControllers (1) 3. Eintragen eines dritten UIViewControllers (2) 4. Eintragen eines vierten UIViewControllers (3) 5. Jeder ViewController hat

Ein Label mit „View1“ , „View2“ , „View3“

6. Ziehen eines Segues von den Schaltern zu den drei ViewControllers

Einfügen eines Navigations-Controllers

Aufbau der UI-Elemente

1. Der erste ViewControllers ist der HauptView 2. Eintragen eines zweiten UIViewControllers (1) 3. Eintragen eines dritten UIViewControllers (2) 4. Eintragen eines vierten UIViewControllers (3) 5. Jeder ViewController hat

Ein Label mit „View1“ , „View2“ , „View3“

Ein Schalter zum nächsten View

6. Ziehen der Segues von den Schaltern zu den jeweiligen ViewControllers

Anzeige der vier ViewController

Rücksprung-Schalter einfügen

1. ViewController2:

Schalter „unwind 2 red exit“

2. ViewController2:

Schalter „unwind 2 red exit“

Schalter „unwind 2 green exit“

Eintragen der unwind-Methoden: ViewController1

// Rücksprung vom EditViewController Abbruch @IBAction func unwindToRedController

(_ segue:UIStoryboardSegue) { }

Eintragen der umwind-Methoden: ViewController2

// Rücksprung vom EditViewController Abbruch @IBAction func unwindToGreenController

(_ segue:UIStoryboardSegue) { }

Rücksprung definieren: ViewController2 1. Anklicken des Schalters

2. Ctrl-Taste drücken

3. Ziehen zum Exit-Schalter

4. Auswahl des Eintrags „unwind2red“

Rücksprung definieren: ViewController3

1. Anklicken des Schalters „unwind to green 2. Ctrl-Taste drücken

3. Ziehen zum Exit-Schalter

4. Auswahl des Eintrags „unwind2green“

Rücksprung definieren: ViewController3 1. Anklicken des Schalters

2. Ctrl-Taste drücken

3. Ziehen zum Exit-Schalter

4. Auswahl des Eintrags „unwind2red“