Android
9-Patch beelden
Zoeken…
Opmerkingen
Een 9-patch afbeeldingsbestand is een speciaal opgemaakt bestand zodat Android weet welke delen / delen van de afbeelding wel of niet kunnen worden geschaald. Het breekt uw afbeelding in een 3x3 raster. De hoeken blijven ongeschaald, de zijkanten zijn in één richting geschaald en het midden is in beide dimensies geschaald.
Een negen-patch (9-patch) afbeelding is een bitmap met een enkele pixel brede rand rond de hele afbeelding. Negeren van de 4 pixels in de hoeken van de afbeelding. Deze rand biedt metagegevens voor de bitmap zelf. Grenzen worden gemarkeerd door een ononderbroken zwarte lijn (en).
Een afbeelding met negen patch wordt opgeslagen met de extensie .9.png
.
De bovenste rand geeft gebieden aan die zich horizontaal uitstrekken. De linkerrand geeft gebieden aan die zich verticaal uitstrekken.
De onderste rand geeft horizontaal opvulling aan. De rechterrand geeft de opvulling verticaal aan.
De opvulranden worden meestal gebruikt om te bepalen waar tekst moet worden getekend.
Er is een uitstekende tool van Google die het maken van deze bestanden aanzienlijk vereenvoudigt.
Bevindt zich in de Android SDK: android-sdk\tools\lib\draw9patch.jar
Basic afgeronde hoeken
De sleutel tot correct uitrekken bevindt zich in de bovenste en linkerrand.
De bovenrand regelt horizontaal uitrekken en de linkerrand regelt verticaal uitrekken.
In dit voorbeeld worden afgeronde hoeken gemaakt die geschikt zijn voor een toast.
De delen van de afbeelding die zich onder de bovenste rand en rechts van de linkerrand bevinden, worden uitgevouwen en vullen alle ongebruikte ruimte.
Dit voorbeeld strekt zich uit tot alle combinaties van maten, zoals hieronder weergegeven:
Basic spinner
De Spinner
kan worden aangepast volgens uw eigen stijlvereisten met behulp van een Negen Patch.
Zie als voorbeeld deze Negen Patch:
Zoals je kunt zien, heeft het 3 extreem kleine stretchgebieden.
De bovenste rand staat alleen links van het pictogram gemarkeerd. Dat geeft aan dat ik wil dat de linkerkant (volledige transparantie) van het teken de Spinner
weergave vult totdat het pictogram is bereikt.
De linkerrand heeft gemarkeerde transparante segmenten boven en onder het gemarkeerde pictogram. Dat betekent dat zowel de bovenkant als de onderkant worden uitgebreid naar de grootte van de Spinner
weergave. Hierdoor blijft het pictogram zelf verticaal gecentreerd.
De afbeelding gebruiken zonder metagegevens van Negen Patch:
De afbeelding gebruiken met negen patch-metagegevens:
Optionele opvullijnen
Negen-patch afbeeldingen maken optionele definitie van de opvullijnen in de afbeelding mogelijk. De opvullijnen zijn de lijnen rechts en onderaan.
Als een weergave de afbeelding met 9 vlakken als achtergrond instelt, worden de opvulregels gebruikt om de ruimte voor de inhoud van de weergave te definiëren (bijv. De tekstinvoer in een EditText
). Als de opvullijnen niet zijn gedefinieerd, worden in plaats daarvan de linker- en bovenlijn gebruikt.
Het inhoudsgebied van de uitgerekte afbeelding ziet er dan als volgt uit: