Anzeigen von Bildern mit Xamarin.iOS

Das Hinzufügen von Bildern zu Ihrer App erfordert zwei Schritte: Zuerst fügen Sie die Bilder ihrem Projekt hinzu; Fügen Sie dann Steuerelemente und Code hinzu, um sie auf einem Bildschirm anzuzeigen. Ausführlichere Informationen zur Bildverarbeitung in Xamarin.iOS finden Sie im Artikel Arbeiten mit Bildern .

Hinzufügen von Bildern zu Ihrer App

Bilder können zu jedem Ordner in Ihrer Visual Studio für Mac-Lösung hinzugefügt werden. Wenn die Buildaktion auf Inhalt festgelegt ist, wird die Datei in Ihre App eingeschlossen und kann angezeigt werden.

Visual Studio für Mac unterstützt auch ein spezielles Verzeichnis namens Resources, das auch Imagedateien enthalten kann. Für Dateien im Ordner Ressourcen sollte die Buildaktion auf BundleResource festgelegt sein.

Dieser Screenshot zeigt die Optionen für Buildaktion , die angezeigt werden, wenn mit der rechten Maustaste auf eine Datei geklickt wird:

Menü

Visual Studio für Mac wählen in der Regel automatisch die richtige Buildaktion aus, aber Sie sollten diese Einstellungen beachten, insbesondere wenn Sie Dateien in Ihrem Projekt verschieben.

Hinzufügen einer Bilddatei

Um Ihrem Projekt eine Bilddatei hinzuzufügen, klicken Sie zuerst mit der rechten Maustaste auf das Projekt, und wählen Sie Dateien hinzufügen...

Dateien hinzufügen... Menü

Wählen Sie das Bild (oder die Bilder) aus, das Sie in das Dialogfeld Standarddatei aufnehmen möchten. Die Standardbuildaktion für Bilder lautet BundleResource . Überschreiben Sie diesen Wert nicht, es sei denn, Sie haben einen bestimmten Grund.

Dialogfeld

Das Image wird Ihrem Projekt hinzugefügt und kann geladen und im Code angezeigt werden. Dieser Screenshot zeigt ein Bild, das einem iOS-Anwendungsprojekt hinzugefügt wurde:

Bild im Projekt

Was ist das Ressourcenverzeichnis?

Dateien, die im Verzeichnis Resources abgelegt werden, werden anders behandelt als normale Dateien. Der Inhalt des Ordners Resources wird in den Stamm der Anwendung kopiert und kann von dort aus im Code referenziert werden. Dies kann aus vielen Gründen nützlich sein:

  • Speichern der in den Eigenschaften der Anwendung konfigurierten Images, z. B. Standardstartimages und Anwendungssymbole.
  • Speichern anderer Images und Dateien getrennt vom Code, sodass sie einfacher zu verwalten sind (Unterverzeichnisse werden beibehalten, wenn der Inhalt des Resources-Verzeichnisses kopiert wird).

Das Verzeichnis Resources ist besonders nützlich in einem Bibliotheksprojekt, da der Code davon ausgehen kann, dass diese Bilder in den Stamm der verbrauchenden Anwendung kopiert werden, was das Schreiben freigegebener Codebibliotheken erleichtert, die Bild-, Ton-, Video-, XML- oder andere Dateien erfordern.

Das Verzeichnis Resources muss so benannt sein, und für alle Dateien sollte die Buildaktion auf BundleResource festgelegt sein.

Anzeigen des Bilds

Verwenden Sie im iOS-Designer eine Bildansicht, um ein Bild oder eine animierte Reihe von Bildern anzuzeigen. Das Symbol "Bildansicht " aus der Toolbox ist unten dargestellt:

ImageView-Symbol in toolbox.

Ziehen Sie die Bildansicht aus der Toolbox auf den Ansichtscontroller. Anschließend enthält die Dropdownliste unter Bildansicht > eine Liste aller verfügbaren Bilddateien in Ihrem Projekt. Wählen Sie eine dieser Optionen aus, um sie ihrer Bildansicht hinzuzufügen.

ImageView in Toolbox

Programmgesteuertes Anzeigen des Bilds

Da sich SF Monkey.jpg im Stammverzeichnis Resources befindet, ist es zur Laufzeit im Stammverzeichnis des Anwendungspakets verfügbar. Verwenden Sie den folgenden Code, um dieses Bild in einem Bildansichtssteuerelement anzuzeigen:

imageview1.Image = UIImage.FromBundle("SF Monkey.png");

Wenn wir das Bild in /Resources/Pics/SF Monkey.jpgplatziert hätten, würde der Code den Ordner Pics im Pfad enthalten:

imageview1.Image = UIImage.FromBundle("Pics/SF Monkey.png");

Ressourcendateiverweise müssen nie den Ordner Resources enthalten.