Android
9-patch bilder
Sök…
Anmärkningar
En 9-patch- bildfil är en speciellt formaterad fil så att Android vet vilka områden / delar av bilden som kan eller inte kan skalas. Det delar din bild i ett 3x3 rutnät. Hörnen förblir oskalade, sidorna skalas i en riktning och mitten skalas i båda dimensioner.
En bild på nio patch (9-patch) är en bitmapp som har en bred pixelbredd kring hela bilden. Ignorerar de 4 pixlarna i hörnen på bilden. Denna gräns ger metadata för själva bitmappen. Gränser markeras med helt svart linje.
En nio patch-bild lagras med tillägget .9.png .
Den övre gränsen indikerar områden som sträcker sig horisontellt. Den vänstra gränsen indikerar områden som sträcker sig vertikalt.
Den nedre gränsen indikerar vaddering horisontellt. Höger kant indikerar stoppning vertikalt.
Polstringsramarna används vanligtvis för att bestämma var text ska ritas.
Det finns ett utmärkt verktyg som tillhandahålls av Google som mycket förenklar skapandet av dessa filer.
Ligger i Android SDK: android-sdk\tools\lib\draw9patch.jar
Grundläggande rundade hörn
Nyckeln till korrekt sträckning är i den övre och vänstra kanten.
Övre gränsen styr horisontell sträckning och den vänstra gränsen kontrollerar vertikal sträckning.
Detta exempel skapar rundade hörn som är lämpliga för en rostat bröd.
Delarna av bilden som ligger under den övre gränsen och till höger om den vänstra gränsen kommer att expandera för att fylla allt oanvändt utrymme.
Detta exempel sträcker sig till alla kombinationer av storlekar, som visas nedan:
Grundläggande spinner
Den Spinner kan reskinned enligt din egen stil behov med hjälp av en Nine Patch.
Som ett exempel, se denna nio korrigering:
Som ni ser har den 3 extremt små sträckningsområden markerade.
Den övre gränsen har bara kvar på ikonen markerad. Det indikerar att jag vill att vänster sida (fullständig öppenhet) på det dragbara ska fylla Spinner vyn tills ikonen nås.
Den vänstra kanten har markerade transparenta segment längst upp och botten av ikonen markerad. Det indikerar att både toppen och botten kommer att utvidgas till storleken på Spinner vyn. Detta gör att själva ikonen centreras vertikalt.
Använda bilden utan nio patch-metadata:
Använda bilden med nio patch-metadata:
Valfri stoppningslinjer
Nio-patch bilder gör det möjligt att definiera vadderingslinjerna i bilden. Polstringslinjerna är linjerna till höger och längst ner.
Om en vy anger 9-patch-bilden som bakgrund, används stoppningslinjerna för att definiera utrymmet för vyens innehåll (t.ex. textinmatningen i ett EditText ). Om stoppningslinjerna inte är definierade används vänster- och toppraderna istället.
Innehållsområdet i den sträckta bilden ser då ut så här:
