Hinzufügen und Einrichten des EventPageController im MainStoryboard in Ihrer iOS App - Dummies

Sie benötigen einen Ansichtscontroller, um jede Ansicht innerhalb des Page View-Controllers in Ihrer iOS-App zu verwalten. Sie können diesen Ansichtscontroller jederzeit hinzufügen, wenn Sie das Storyboard erweitern.

Führen Sie die folgenden Schritte aus, um den EventPageController zum Storyboard hinzuzufügen:

1Fügen Sie dem Storyboard einen anderen Ansichtscontroller hinzu, indem Sie einen Ansichtscontroller aus dem Bibliotheksfenster in den Canvas-Bereich ziehen und ihn neben den EventsController platzieren.

Sie haben nicht , um es dorthin zu bringen, aber dies deutet darauf hin, dass eine Beziehung existiert. Es macht es auch einfacher, diese Beziehung zu zeichnen, wenn Sie dies tun möchten - und Sie werden es in einem Moment tun wollen.

2Öffnen Sie den Identitätsinspektor im Bereich "Utility" mithilfe der Auswahlliste "Inspector" und wählen Sie im Dropdown-Menü "Class" im Abschnitt "Custom Class" die Option "EventPageController".

Dies ersetzt den UIViewController.

3Wechseln Sie in den Attributinspektor und verwenden Sie dessen Textfelder, um dem Controller den Titel der Ereignisseite zu geben.

Fügen Sie dann dem Storyboard-ID-Feld des Identitätsinspektors die Ereignisseite hinzu.

4Fügen Sie dem EventPageController eine Webansicht hinzu, indem Sie eine Webansicht aus dem Bibliotheksfenster in den Event Page-Controller ziehen.

Die Ansicht der Ereignisseite ist eine Webansicht, da Sie eine HTML-Seite herunterladen und dann anzeigen möchten.

Die UIViewWeb-Klasse bietet eine Möglichkeit zum Anzeigen von HTML-Inhalten und verfügt über die integrierte Funktionalität zum Herunterladen von HTML-Inhalten aus dem Internet.

5Klicken Sie auf das Inspektor-Symbol Größe im Inspektor-Auswahlfeld, um den Inspektor Größe im Bereich Utility zu öffnen.

Setzen Sie den X- und den Y-Ursprung auf Null und 64 und ändern Sie dann die Größe der Webansicht, um die Ansicht zu füllen. Der Standard für iOS 7 ist, dass Ansichten durch eine durchsichtige Navigationsleiste schwach erscheinen sollen (iOS 7 erledigt das für Sie).

Wenn in diesem Fall der geteilte Ansichtscontroller des iPad im Master-Ansichtscontroller sichtbar ist, wird dort eine Navigationsleiste (mit dem Titel) angezeigt, und es ist besser, diesen Bereich im Detailansicht-Controller neben es.

Je nachdem, was sich hinter dem durchscheinenden Balken befindet, variiert der visuelle Effekt. Wenn es sich um eine Karte handelt, die scrollbar ist, ist jeder Teil der Karte in vielerlei Hinsicht gleich, so dass es gut (und empfohlen) ist, sie hinter der durchsichtigen Leiste zu platzieren.

Wenn Sie eine Webseite wie in diesem Fall laden, wissen Sie möglicherweise nicht, was angezeigt wird (das Format der Wetterseite ist beispielsweise nicht unter Ihrer Kontrolle), und in einem Fall wie diesem, platzieren Sie die Webansicht weiter unten, so dass sie nicht hinter der Navigationsleiste angezeigt wird.Das passiert hier: 64 = Statusleiste (20) + Navigationsleiste (44).

6Ziehen Sie eine Aktivitätsanzeige aus dem Bibliotheksfenster in die Ansicht und zentrieren Sie sie in der Ansicht.

Da diese Seiten sehr groß sein können und etwas Zeit zum Herunterladen benötigen, möchten Sie eine Aktivitätsanzeigeansicht haben, um dem Benutzer mitzuteilen, dass die Anwendung noch läuft, aber beschäftigt ist und nicht eingefroren ist.

Wie Sie in der Dokumentenübersicht sehen können, sind sowohl die Webansicht als auch die Aktivitätsanzeigeransicht Geschwister - und Unteransichten der Ansicht. Es ist wichtig, dass beide Geschwister sind und dass die Aktivitätsanzeige unter der Webansicht angezeigt wird, damit sie angezeigt werden kann. (Denken Sie bei Unteransichten an das Prinzip Last-One-In-Is-On-Top.) Wenn dies nicht der Fall ist, ordnen Sie die Ansichten in der Dokumentengliederung neu an.

7 Wechseln Sie mit dem Inspektor-Auswahlschalter in den Bereich "Inspektor" im Bereich "Utility".

Verwenden Sie anschließend Editor → Ausrichten → Horizontales Zentrum in Container und Editor → Ausrichten → Vertikales Zentrum in Container, um den Aktivitätsindikator zu zentrieren.

8Schließen Sie den Utility-Bereich und wählen Sie den Assistenten aus dem Editor-Selektor in der Symbolleiste aus.

Wenn der EventPageController. m Die Implementierungsdatei wird nicht angezeigt. Wechseln Sie zur Jump-Leiste des Assistenten und wählen Sie sie aus.

9 Ziehen Sie mit gedrückter Strg-Taste von der Web-Ansicht im Canvas-Bereich oder in der Dokumenten-Umrandung zur EventPageController-Klassenerweiterung und erstellen Sie ein IBOutlet mit dem Namen eventDataView.

Bewegen Sie den Mauszeiger bei gedrückter Strg-Taste aus der Aktivitätsanzeige in die EventPageController-Klassenerweiterung oben in der Datei und erstellen Sie ein IBOutlet mit dem Namen activityIndicator.

10Wenn Sie innerhalb der Dokument-Gliederung arbeiten, ziehen Sie bei gedrückter Strg-Taste von der Web-Ansicht zum Ereignis-Seiten-Controller und wählen Sie dann im angezeigten Menü Outlets die Option Delegieren aus.

Dadurch wird EventPageController zum Webansichtsdelegaten.