Wie erstellt man 9 Patch in Photoshop? Was ist die 9.png-Codierung?

Question

Bereitgestellte Dienstprogramm sieht schlecht aus, zum Beispiel erlaubt es nicht, "Speichern unter" zu machen, oder um mehrere Tastenzustände mit ähnlichem Slicing zu zeichnen.

Ist es möglich, 9.png in Photoshop zu zeichnen? Ich habe bemerkt, dass generiertes PNG nur schwarze Pixel in der äußeren Kante enthält. Ist das was die Scheiben markiert?

Was ist, wenn schwarze Pixel in zwei gegenüberliegenden Kanten vorhanden sind, wie funktioniert das?

Sind die äußeren Ränder abgeschnitten, wenn sie auf Android angezeigt werden?

Answer 1

Ja, ich mache alle meine neun Patches in Photoshop. Hier sind die grundlegenden Regeln für die Erstellung einer 9-Patch:

1. Der äußere Rand 1px nur 100% Schwarz enthalten können (RGB 0, 0, 0) oder vollständig transparent.

2. Die schwarzen Pixel für den oberen Rand und den linken Rand definieren die Streckungspunkte und müssen entweder eine durchgezogene Linie, ein einzelner Punkt oder zwei getrennte Punkte sein. Wenn zwei Punkte definiert sind, wird es sich gleichmäßig zwischen den beiden Punkten erstrecken.

3. Die schwarzen Pixel für den unteren Rand und rechten Rand definieren den Inhaltsbereich. Diese Pixel müssen eine zusammenhängende Linie sein.

4. Beim Speichern unbedingt die Erweiterung .9.png anhängen.

Hoffe, das hilft. :)

EDIT: Und ja, diese werden nicht angezeigt, wenn in Ihren Layouts verwendet, vorausgesetzt, es ist richtig formatiert und Sie haben es als .9.png gespeichert.

Okay, so würde die Spitze ein einfaches neun Patch für einen Spinner sein. Die Linien im zweiten Bild zeigen an, welche Zeilen/Spalten von Pixeln dupliziert werden. Das blaue Rechteck im zweiten Bild zeigt den Bereich, in dem Android Inhalte zulassen würde. So würde beispielsweise Text einfach umgebrochen, um in diesem Rechteck zu bleiben.