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.

hoe een afbeelding met 9 vlakken wordt 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.

Voorbeeld van afgeronde hoeken met 9 vlakken

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:

voer hier de afbeeldingsbeschrijving in

Basic spinner

De Spinner kan worden aangepast volgens uw eigen stijlvereisten met behulp van een Negen Patch.

Zie als voorbeeld deze Negen Patch:

Voorbeeld van spinner 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:

Spinner Afbeelding zonder Negen Patch

De afbeelding gebruiken met negen patch-metagegevens:

Spinner Afbeelding met Negen Patch

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.

voer hier de afbeeldingsbeschrijving in

Het inhoudsgebied van de uitgerekte afbeelding ziet er dan als volgt uit:

voer hier de afbeeldingsbeschrijving in voer hier de afbeeldingsbeschrijving in voer hier de afbeeldingsbeschrijving in



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow