Wie Anpassen Ihre iOS App Table View für das iPad

In einem iOS-App-Vorlage wird der Tabellenansicht selbst zugewiesen sowohl die Datenquelle und die Delegierten Eigenschaften. Das bedeutet, dass alle von der Tabellenansicht Funktionalität ist in der Tabellenansicht Klasse verkörpert. Um jedoch die Delegierten zuweisen anderen Klassen mit der Fähigkeit, oder die Datenquelle Eigenschaft eröffnet die Möglichkeit, die Funktionalität von mehreren Objekten zu teilen.

Inhalt

Sie werden eine Reihe von Fällen in den Cocoa-Frameworks finden, wo ein Objekt der Funktionalität von selbst, als auch von anderen Objekten zur Verfügung gestellt wird, die die gleiche wie die primäre Aufgabe von Zeit zu Zeit sein kann.

Wenn Sie die Tabellenansicht nur als eine Art Inhaltsverzeichnis für Ihre App verwenden, Static Cells auswählen, können Sie den Zellinhalt in Interface Builder erstellen und Storyboard segues verwenden, um festzulegen, was passiert, wenn ein Benutzer eine Zelle auswählt.

Die folgenden Schritte zeigen Ihnen, wie Sie Ihre Tabellenansicht anpassen:

1

Wählen Sie Tabellenansicht im Dokumentgliederung im Master-View-Controller - Master-Szene.

Die Dokumentgliederung kann sehr nützlich sein.

2

Mit dem Selektor-Inspektor, öffnen Sie den Inspektor Attribute im Bereich Dienstprogramm, wählen Sie gruppierte aus der Stil des Inspektors im Dropdown-Menü, und geben Sie dann 3 in Sektionen Feld.

Beachten Sie, dass Tabelle Ansichten kommen in zwei grundlegende Arten:

Ebene: Der Standardstil wird aufgerufen Ebene und sieht wirklich ungeschminkt - Plain-Vanilla. Es ist eine Liste: nur eine verflixte Sache nach der anderen. Sie können Index es, obwohl, wie der Tabellenansicht in der Kontakte-Anwendung indiziert, so dass es ein ziemlich mächtiges Werkzeug sein kann.

gruppiert: Die andere Art ist die gruppiert Tabelle view- unsurprisingly ermöglicht es Ihnen, Einträge zusammen in verschiedenen Kategorien einen Topf zu werfen.

3

Öffnen Sie das Dreieck neben der Tabellenansicht in die Gliederung des Dokuments, überprüfen Sie die Tabellenansicht Abschnitte unter ihm, und wählen Sie den ersten Abschnitt.

Die Attribute Inspektor aktualisiert die Attribute des ersten Tabellenansicht Abschnitt zu zeigen.

4

Ändern Sie die Zeilen-Feld im Attribute-Inspektor 2 (oder löschen eine der Zellen) und geben Sie mein Ziel im Header-Feld.

Wählen Sie den zweiten Abschnitt und nach die Attribute Inspektor aktualisiert, ändern Sie die Zeilen-Feld in der Inspektor Attribute zu 2, und geben Sie Unterwegs in der Header-Feld.

Wählen Sie den dritten Abschnitt und nach die Attribute Inspektor aktualisiert, ändern Sie die Zeilen-Feld in der Inspektor Attribute zu 2, und geben Sie meine Reise in das Header-Feld Planung.

5

Öffnen Sie die erste Tabellenansicht.

Wählen Sie die erste Tabellenansicht Cell.

6

Noch im Inspektor Attribute, wählen Sie aus dem Menü Stil Basic.


Das Menü Stil bietet eine Reihe von Möglichkeiten, wie die Zelle formatiert ist. Jeder formatiert den Text in der Zelle ein wenig anders im Etikett (en) fügt zu der Zelle um den Text anzuzeigen. (Oder man kann es als Brauch, ziehen Sie in einem Etikett (en) verlassen, und formatieren Sie das Etikett, wie Sie wollen.)

Master-Szene - Wenn Sie Standard wählen, wird ein Dreiecksymbol neben ersten Tabellenansicht Zelle in der Dokumentgliederung im Master-View-Controller hinzugefügt. Wenn Sie es öffnen, sehen Sie, dass ein einziges Etikett für Sie hinzugefügt wurde.

7

Wählen Sie das Etikett im Dokumenten Umriss.

Die Attribute Inspektor zeigt die Label-Eigenschaften - einschließlich des Textes, die Sie nach Herzenslust verändern kann.

Wenn Sie möchten, können Sie den Stil Schriftart zu ändern, indem Sie das Font-Symbol auswählen. Beachten Sie jedoch, dass der Inhalt Ihrer App im Mittelpunkt sein sollte, so unter Verwendung von Standard-Schriftarten und Stile für Dinge wie Etiketten ist in der Regel eine gute Idee. Stellen Sie den Text für die Beschriftung auf Wetter.

8

Schließlich wählen Sie weiße Farbe aus dem Menü Farbe Dropdown-Label-Seite.

Ja, es ist in der Tat der Fall, dass Sie den Text zu sehen, sehr gut nicht in der Lage sein.




9

Wiederholen Sie die Schritte 7-10 in den nächsten zwei Zellen zu formatieren, diesmal Events und Karte bzw. im Textfeld im Attribute-Inspektor eingeben.

Events ist die zweite Zelle in An meinem Ziel, und Karte ist die erste Zelle Around in Stellung. Sie haben die Suche Zelle rund um einen kleinen Einsteigen anders zu behandeln. Anstatt nur ein Titel auf die Tabellenansicht Zelle Hinzufügen, Sie gehen ein Label und Eingabetextfeld hinzufügen innerhalb die Tabellenansicht Zelle.

Beginnen Sie mit der Zelltyp als Gewohnheit im Style-Menü zu verlassen. Fahren Sie mit den Schritten, die folgen.

10

Ziehen Sie ein Etikett aus dem Bereich Bibliothek auf die Zelle.

Wie Sie arbeiten, können Sie feststellen, dass Xcode ein Seiten Objekt in der Tabellenansicht Cell- Ihre neue Objekte, wie das Etikett automatisch in den Seiten platziert platziert.

11

Mit dem Label ausgewählt haben, gehen Sie zum Inspektor Attribute und geben Sie finden: in dem Textfeld und legen Sie die Beschriftung und Tabellenansicht Zellentext auf weiße Farbe, wie in den Schritten 9-11.

Es sollte wie folgt aussehen.

12

Ziehen Sie ein Textfeld aus dem Bereich Bibliothek auf die Zelle und positionieren.

An der Spitze des Textfeldes Abschnitt des Inspektors Attribute, Adresse eingeben oder in der Platzhalter Feld Geben Sie die Benutzer verstehen, was das Textfeld zu helfen, ist für.

13

Im Inspektor Attribute, wählen Sie den ersten Rahmenstil (keine Grenze) im Textfeld Abschnitt.

Das Textfeld wird zu verschwinden scheinen, aber man kann es immer wählen wieder in die Gliederung des Dokuments.

14

Mit den entsprechenden Dropdown-Menüs, stellen Sie den Hintergrund zu löschen Farben und den Text weiße Farbe.

Ändern Sie die Größe und umformen das Textfeld wie gewünscht.

15

Wiederholen Sie die Schritte 7-10 in den nächsten zwei Zellen zu formatieren, diesmal Eingabe Ziel und Test Drive bzw. im Textfeld im Inspektor Attribute.

Achten Sie besonders auf die Gliederung des Dokuments auf der linken Seite, um sicherzustellen, dass Sie alle Teile vorhanden sind.

16

Wenn Sie den Code Breakpoint entfernen, und klicken Sie dann auf die Schaltfläche Ausführen für die iPad-Version, würden Sie diesen Bildschirm sehen.

Durch Klicken auf oder in einer Zelle tippen Sie hat noch nicht bekommen etwas, aber es wird bald.


» » » » Wie Anpassen Ihre iOS App Table View für das iPad