Android
9-Patch-Bilder
Suche…
Bemerkungen
Eine 9-Patch- Bilddatei ist eine speziell formatierte Datei, damit Android weiß, welche Bereiche / Teile des Bildes skaliert werden können oder nicht. Das Bild wird in ein 3x3-Raster zerlegt. Die Ecken bleiben nicht skaliert, die Seiten werden in eine Richtung und der Mittelpunkt in beiden Dimensionen skaliert.
Ein Neun-Patch-Bild (9-Patch) ist eine Bitmap, die einen einzigen Pixel breiten Rand um das gesamte Bild herum aufweist. Ignoriert die 4 Pixel in den Ecken des Bildes. Dieser Rahmen stellt Metadaten für die Bitmap selbst bereit. Grenzen werden durch durchgezogene schwarze Linien markiert.
Ein Neun-Patch-Image wird mit der Erweiterung .9.png gespeichert.
Der obere Rand kennzeichnet Bereiche, die sich horizontal erstrecken. Der linke Rand kennzeichnet Bereiche, die sich vertikal erstrecken.
Der untere Rand zeigt das Auffüllen horizontal an. Der rechte Rand zeigt vertikales Auffüllen an.
Die Auffüllränder werden normalerweise verwendet, um zu bestimmen, wo Text gezeichnet werden soll.
Es gibt ein hervorragendes Werkzeug von Google, das die Erstellung dieser Dateien erheblich vereinfacht.
Befindet sich im Android SDK: android-sdk\tools\lib\draw9patch.jar
Grundgerundete Ecken
Der Schlüssel zum korrekten Strecken ist im oberen und linken Rand.
Der obere Rand steuert die horizontale Dehnung und der linke Rand die vertikale Dehnung.
In diesem Beispiel werden abgerundete Ecken erstellt, die für einen Toast geeignet sind.
Die Teile des Bildes, die sich unterhalb des oberen Randes und rechts vom linken Rand befinden, werden erweitert, um den gesamten nicht verwendeten Platz zu füllen.
Dieses Beispiel erstreckt sich auf alle Größenkombinationen (siehe unten):
Grundlegender Spinner
Der Spinner kann mit einem Neun-Patch nach Ihren eigenen Wünschen neu gestaltet werden.
Als Beispiel sehen Sie diesen neun Patch:
Wie Sie sehen können, sind drei extrem kleine Dehnungsbereiche markiert.
Der obere Rand hat nur das markierte Symbol verlassen. Dies bedeutet, dass die linke Seite (vollständige Transparenz) des Zeichenelements die Spinner Ansicht füllen soll, bis das Symbol erreicht ist.
Der linke Rand hat markierte transparente Segmente oben und unten am markierten Symbol. Dies bedeutet, dass sowohl die Ober- als auch die Unterseite auf die Größe der Spinner Ansicht erweitert werden. Dadurch wird das Symbol vertikal vertikal zentriert.
Verwenden des Bildes ohne Neun Patch-Metadaten:
Verwenden des Bildes mit den neun Patch-Metadaten:
Optionale Auffüllzeilen
Bilder mit neun Patches ermöglichen die optionale Definition der Auffüllzeilen im Bild. Die Auffüllzeilen sind die Zeilen rechts und unten.
Wenn eine Ansicht das 9-Patch-Bild als Hintergrund festlegt, werden die Auffüllzeilen verwendet, um den Platz für den Inhalt der Ansicht festzulegen (z. B. die Texteingabe in einem EditText ). Wenn die Auffüllzeilen nicht definiert sind, werden stattdessen die linke und obere Zeile verwendet.
Der Inhaltsbereich des gestreckten Bildes sieht dann so aus:
