So ​​fügen Sie Outlets in Ihre iOS App hinzu - dummies

Steckdosen sind die Art, wie Ihr iOS-App-Code zugreifen kann - entweder durch Senden von Nachrichten oder Festlegen von Eigenschaften. Builder-Objekte in Ihrem Storyboard. Dies alles können Sie grafisch im Interface Builder tun, und der erforderliche Code wird für Sie generiert.

Öffnen Sie den Assistenten-Editor

Um eine Steckdose zu erstellen, müssen Sie das Schnittstellenobjekt im Interface Builder mit Ihrem Code verbinden. Obwohl Sie verschiedene Möglichkeiten haben, diese Verbindung herzustellen, ist der einfachste und klarste Weg, den Assistenten-Editor zu verwenden, um automatisch die Codedatei anzuzeigen, die für das Oberflächenelement, mit dem Sie arbeiten, am relevantesten ist. Gehen Sie folgendermaßen vor, um den Assistent-Editor automatisch eine wahrscheinliche Codedatei anzuzeigen:

1. Wählen Sie das Main_iPad aus. Storyboard-Datei im Projektnavigator.

2. Schließen Sie den Utility-Bereich, falls er geöffnet ist, indem Sie ihn in der Ansichtsauswahl in der Xcode-Symbolleiste deselektieren.

3. Wählen Sie in Interface Builder den View Controller - TestDrive in der View Controller - TestDrive-Szene in der Dokumenten-Übersicht aus. Klicken Sie dann auf die Schaltfläche Assistent-Editor im Editor-Selektor in der Symbolleiste.

   

   Der Assistenteditor wird geöffnet. Wenn Automatisch in der Symbolleiste ausgewählt ist, haben Sie in TestDriveController eine Auswahl von Ansichten. h und TestDriveController. m. Das liegt daran, dass beide Dateien für die ausgewählte Ansicht in der Dokumentengliederung relevant sind. Sie möchten mit so TestDriveController arbeiten. m, falls erforderlich.

   

Ein Sprungbalken wird oben in jedem Bereich des Editorbereichs angezeigt und bietet Ihnen die Möglichkeit, durch die Dateien in Ihrem Projekt zu navigieren. Die Konfiguration und das Verhalten jeder Jump-Leiste ist an den Kontext angepasst, in dem sie angezeigt wird. Neben einem hierarchischen Pfad, über den Sie zu einer Datei in Ihrem Projekt navigieren können, umfasst die Grundkonfiguration einer Jump-Leiste Folgendes:

• Das Menü Verwandte Elemente (Zugriff durch Klicken auf das Symbol in Der linke Rand gibt Ihnen Zugriff auf zusätzliche Selektionen, die für den aktuellen Kontext relevant sind, wie z. B. kürzlich geöffnete Dateien oder die Interface-Header-Datei (. h) für eine Implementierungscode-Datei (. m), die Sie bearbeiten.

  

• Mit den Schaltflächen Vorherige und Nächste können Sie durch Ihren Navigationsverlauf navigieren.

Erstellen der Verkaufsstelle

Nachdem Sie die TestDriveController-Implementierung angezeigt haben, entweder indem Sie den Assistenteneditor diese automatisch anzeigen lassen oder indem Sie mit der Jump-Leiste zu ihr navigieren, wird das eigentliche Geschäft mit dem Interface Builder-Editor erstellt. sehr unkompliziert und ziemlich einfach.Sie tun dies, indem Sie bei gedrückter Strg-Taste von dem Element, das Sie interessiert, in die TestDriveController-Oberfläche ziehen, wie in den folgenden Schritten beschrieben:

1. Klicken Sie bei gedrückter Ctrl-Taste und ziehen Sie TestDriveController. h von dem Element in der Ansicht (in diesem Beispiel das Car-Image) in die Datei zwischen den Anweisungen @interface und -d.

   

2. Benennen Sie im angezeigten Dialogfeld diese Steckdose und klicken Sie dann auf die Schaltfläche Verbinden.

   

   Die Steckdose wird als Eigenschaft hinzugefügt.

   Die neue Verkaufsstelle in all ihrer Pracht.

   

   Eine Verbindung zwischen einem Objekt und seinen Ausgängen wird tatsächlich in einer Nib-Datei gespeichert. Wenn die Nib-Datei geladen wird, wird jede Verbindung wiederhergestellt und neu aufgebaut, sodass Sie Nachrichten an das Objekt senden können. IBOutlet ist das Schlüsselwort, das eine Instanz-Variablendeklaration markiert, so dass die Interface Builder-Anwendung weiß, dass eine bestimmte Instanzvariable ein Ausgang ist - und dann die Verbindung zu ihr aktivieren kann.

3. Gehen Sie zurück zur Interface-Datei und erstellen Sie eine Steckdose für die Schaltfläche "Test Drive" (nennen Sie es testDriveButton).

   Bewegen Sie den Mauszeiger bei gedrückter ctrl-Taste von der Schaltfläche zur TestDriveCntroller-Oberfläche, wie Sie das Auto-Bild (zwischen den Anweisungen @interface und -d) verwenden.

Der einzige Grund, warum Sie eine Steckdose für eine Schaltfläche erstellen müssen, ist das Ändern einer Button-Eigenschaft.

Der Verbindungsinspektor

Während das Klicken und Ziehen der einfachste Weg ist, sollten Sie wissen, dass Sie die gleichen Ausgangsverbindungen mit dem Verbindungsinspektor im Utility-Bereich mit etwas mehr Arbeit herstellen können. Aber der wahre Wert des Connections-Inspektors ist, dass er Ihnen zeigt, was die Outlets und die erhaltenen Aktionen sind - was als nächstes behandelt wird - und die Übergänge tatsächlich sind. Führen Sie die folgenden Schritte aus, um den Verbindungsinspektor zu verwenden:

1. Wählen Sie Standardeditor im Ansichtsauswahlfenster in der Symbolleiste aus.

   Der Assistent-Editor wird geschlossen.

2. Zeigen Sie den Utility-Bereich an, indem Sie ihn in der Ansichtselektion auswählen.

   

3. Wählen Sie den Inspektor "Verbindungen" aus, indem Sie auf das entsprechende Symbol in der Inspektor-Auswahlleiste klicken.

4. Wählen Sie in der Dokumentenübersicht in der Registerkarte Test Drive Controller - Test Drive Scene den View Controller aus.

   

Sie können sehen, dass der Ansichts-Controller im Bereich Ausgänge des Connections-Inspektors sowohl Auto- als auch TestDriveButton-Ausgänge enthält (genau wie Ihre, wenn Sie sie befolgt und erstellt haben). Sie sehen auch im Abschnitt Storyboardsegmente referenzieren eine Push-aus-Tabellenzellen-Zelle. Der View Outlet war schon immer da - er ist Teil der Vorlage.

Sie können auch bei gedrückter Ctrl-Taste auf den Ansichts-Controller in der Dokumenten-Übersicht klicken, um ein ähnliches Bild im Fenster "Verbindungen" zu erhalten.

Neben der Anzeige der Steckdosen, wenn Sie ändern müssen, wohin eine vorhandene Steckdose zeigt, ist der Verbindungsinspektor oder das Fenster der richtige Weg. Ziehen Sie einfach aus dem Kreis am Ende der Verbindung im Abschnitt "Outlets" im Connectors-Fenster "Verbindungen" oder im Fenster "Connections" auf das Interface Builder-Objekt, auf das die Steckdose zeigen soll.

Wenn Sie eine Steckdose ohne all das Ziehen erstellen möchten, geben Sie einfach den Code ein, den Interface Builder für Sie in der @ Schnittstelle des View-Controllers erstellt hat (die Eigenschaft - vergessen Sie nicht das IBOutlet):

@property (schwach, nichtatomar) IBOutlet UIImageView * Auto;

Die neue Steckdose wird im Inspektor und Fenster "Verbindungen" angezeigt. Ziehen Sie dann aus dem Kreis am Ende der Verbindung im Abschnitt "Steckdosen" zum Interface Builder-Objekt, auf das diese Steckdose zeigen soll…

Wenn Sie Verkaufsstellen hinzufügen, haben Sie einige Überlegungen zur Speicherverwaltung, ganz zu schweigen vom gesamten Thema der Eigenschaften.