So ​​fügen Sie ein Bild zu Ihrer Android-Anwendung hinzu - dummies

Bilder zu einer Android-App hinzufügen ist einfach: Ziehen Sie sie aus dem Ordner, in dem sie gespeichert sind in den Ordner src / main / res / drawable-xxhdpi, wie in die folgende Abbildung.

Für die Silent Mode Toggle-Anwendung benötigen Sie zwei Ruftonbilder: aus und ein. Achten Sie darauf, beide Bilder in den Ordner src / main / res / drawable-xxhdpi zu legen.

Wenn Sie Bilder in Android Studio ziehen, wird der erstellte / generierte Ordner neu erstellt und die R. java-Datei wird aktualisiert, um einen Verweis auf die beiden neuen Bilder zu enthalten, die Sie hinzugefügt haben.

Sie können die Verweise auf diese Ressourcen verwenden, um Bilder im Code oder in der XML-Definition zu Ihrem Layout hinzuzufügen. Sie deklarieren sie im XML-Layout.

Um ein Bild zum Layout hinzuzufügen, geben Sie Folgendes in das activity_main ein. XML-Datei, überschreibt den aktuellen Inhalt der Datei:

Dieser Code fügt die ImageView in das FrameLayout ein. Mit einem ImageView können Sie ein Bild auf dem Bildschirm des Geräts projizieren.

Bildeigenschaften einstellen

Ihr ImageView enthält einige neue Parameterattribute:

• Die android: id = "@ + id / phone_icon" Eigenschaft: Das id Attribut definiert die eindeutige Identifikator für die Ansicht im Android-System.

• Die layout_width und layout_height -Eigenschaften: Sie haben layout_width und layout_height in Ihrem FrameLayout verwendet, aber dort setzen Sie sie auf match_parent. Für ImageView sollten Sie die Größe des ImageViews mit dem Bild vergleichen, das angezeigt wird. Stellen Sie also ein Layout_width und layout_height von wrap_content ein, um den Inhalt innerhalb der Ansicht zu "wrappen". Wenn Sie die Höhe und Breite auf match_parent gesetzt hätten, hätte Android das Bild zu groß skaliert, um den gesamten Bildschirm zu belegen. Versuch es!

• Die Eigenschaft layout_gravity : Diese Eigenschaft definiert, wie die Ansicht platziert wird (sowohl ihre x - als auch y - Achsen) mit seinem Elternteil. In diesem Beispiel ist der Wert als die Zentrumskonstante definiert. Da das ImageView kleiner als das FrameLayout ist, weist das Verwenden von layout_gravity = center das Android-System an, das ImageView in der Mitte des FrameLayout anstatt in der Standardposition von oben links zu platzieren. Sie können viele andere Konstanten verwenden, z. B. center_vertical, center_horizontal, top, bottom, left, right und viele mehr. Siehe das FrameLayout. LayoutParams Android-Dokumentation für eine vollständige Liste.

• Die android: src = "@ drawable / ringer_on" Eigenschaft: Mit dieser Eigenschaft stellen Sie das Bild ein, das auf dem Bildschirm angezeigt werden soll.

Beachten Sie den Wert der Eigenschaft src - "@ drawable / ringer_on". Sie können über XML auf zeichenbare Ressourcen verweisen, indem Sie das "at" -Symbol (@) und den Typ und die ID der gewünschten Ressource eingeben.

Bestimmte Android-Attribute beginnen mit dem Präfix layout_ - android: layout_width, android: layout_height und android: layout_ gravity sind Beispiele. Die layout_-Konvention teilt Ihnen mit, dass sich das Attribut auf das -Patent der Ansicht bezieht. Attribute, die nicht mit layout_ beginnen, beziehen sich auf die Ansicht selbst. Das imageView-Attribut android: src teilt dem ImageView mit, welches Image verwendet werden soll, aber sein android: layout_gravity teilt dem ImageView-übergeordneten Element (in diesem Fall dem FrameLayout) mit, dass ImageView in der Mitte des übergeordneten Elements angeordnet wird.

Zeichenbare Ressourcen einstellen

In Ihrem ImageView setzen Sie Ihr Bild src auf @ drawable / ringer_on. Sie geben nicht @ drawable-xxhdpi / ringer_on für den zeichenbaren Ressourcenbezeichner ein, da es die Aufgabe von Android ist (und nicht Ihre), das Bild mit der richtigen Größe für den Bildschirm des aktuellen Geräts herauszufinden. Zur Laufzeit ermittelt Android, welche Dichte für dieses Gerät korrekt ist, und lädt die am besten passenden Zeichnungselemente.

Wenn die App beispielsweise auf einem Gerät mit mittlerer Dichte ausgeführt wird und die angeforderte drawable-Ressource im Ordner drawable-mdpi verfügbar ist, verwendet Android diese Ressource. Andernfalls verwendet es die beste Übereinstimmung, die es finden kann. Unterstützung für verschiedene Bildschirmgrößen und -dichten ist ein breites Thema (und kann komplex sein!).

Der Abschnitt ringer_on des Bezeichners identifiziert das Drawable, das Sie verwenden möchten. Der Bilddateiname lautet ringer_on. png. Wenn Sie die R. Java-Datei im Ordner build / generated öffnen würden, würden Sie ein statisches Feld mit dem Namen phone_on sehen.

Sie können Codevervollständigung verwenden, um die verfügbaren Ressourcen in Android Studio anzuzeigen. Platzieren Sie den Cursor direkt hinter @ drawable / in der src -Eigenschaft von ImageView im Android Studio-Editor und drücken Sie Strg + Leertaste. Das Codevervollständigungsfenster wird wie gezeigt geöffnet. Die anderen Ressourcennamen im Fenster sind weitere Optionen, die Sie für den src-Teil der drawbaren Definition auswählen können.