En style
ressurs definerer format og se etter en UI. En stil kan brukes til en enkeltperson (over fra innenfor en layout fil) eller til en hel aktivitet eller søknad (innenfra manifestfilen).
Definere Styles
En stil er definert i en XML ressurs som er atskilt fra XML som spesifiserer oppsettet. Denne XML-filen ligger under res /verdier /katalog av prosjektet og vil ha < ressurser >
som rotnoden som er obligatorisk for stilen filen. Navnet på XML-filen er vilkårlig, men det må du bruke XML forlengelse
Du kan definere flere stiler per fil ved hjelp av <. Style >
tag men hver stil vil ha navnet sitt som identifiserer stilen. Android-stil attributter er satt ved hjelp av < element >
tag som vist nedenfor −
<? Xml version = "1.0" encoding = "UTF-8" >? ≪ resources > < style name = "CustomFontStyle" > < element name = "android: layout_width" > fill_parent < /element > < element name = "android: layout_height" > wrap_content < /element > < element name = "android: kapitalisere" > tegn < /element > < element name = "android: skrifttype" > monospace < /element > < element name = "android: Tekststørrelse" > 12pt < /element > < element name = "android: textcolor" > # 00FF00 < /element > /> < /style > < /ressurser > Verdien for < element > kan være et nøkkelord streng, en hex farge, en referanse til en annen ressurs type eller annen verdi, avhengig av stil.
Bruke Styles
Når stilen er definert, kan du bruke den i XML ? layout filen ved hjelp av style
attributt som følger −
< xml version = "1.0" encoding = "UTF-8" > < LinearLayout xmlns: android = "http: //skjemaer .android.com /apk /res /android "android: layout_width =" fill_parent "android: layout_height =" fill_parent "android: orientering =" vertikal "> < TextView android: id = "+ id /text_id" style = "@ stil /CustomFontStyle" android: text = "@ streng /hello_world" /> < /LinearLayout >
For å forstå konseptet relatert til Android stil, kan du sjekke stil Demo Eksempel.
stil Arv
Android støtter stil Arv i svært lik måte som gjennomgripende stilark i webdesign. Du kan bruke dette til å arve egenskapene fra en eksisterende stil og deretter definere bare de egenskapene du ønsker å endre eller legge til.
For å gjennomføre et tilpasset tema opprette eller redigere MyAndroidApp /res /verdier /themes.xml og legge følgende −
< resources > ... ≪ style name = "MyCustomTheme" forelder = "android: style /Theme" > < element name = "android: textColorPrimary" > # ffff0000 < /element > < /style > ... < /ressurser >
I dine AndroidManifest.xml bruke temaet til de aktivitetene du ønsker å style −
< aktivitet android: name = "com.myapp.MyActivity" ... android: Temaet = "@ stil /MyCustomTheme" />.
Det nye tema vil bli brukt på aktiviteten din, og teksten er nå lyse rødt
Bruk av farger i Theme attributter
Din farge ressursen kan deretter brukes på noen tema attributter, for eksempel vinduet bakgrunnen og den primære tekstfarge, ved å legge til elementer i den egendefinerte tema. Disse egenskapene er definert i styles.xml fil. For eksempel, for å bruke egendefinert farge til vinduet bakgrunnen, legge til følgende to elementer til den tilpassede tema, definert i MyAndroidApp /res /verdier /styles.xml fil −
< resources > ... ≪ style name = "MyCustomTheme" ... > < element name = "android: windowBackground" > @ farge /my_custom_color < /element > < element name = "android: colorBackgroundCacheHint"> @ farge /my_custom_color < /element > < /style > ... < /ressurser >
Ved hjelp av en egendefinert Nine-Patch Med Knapper
En ni patch teikne er en spesiell type bilde som kan skaleres i bredde og høyde samtidig opprettholde sin visuelle integritet. Ni-patcher er den vanligste måten å angi utseendet på Android-knappene, men enhver teikne typen kan brukes.
En Sample of Nine-Patch knappen
Fremgangsmåte for å lage Nine-Patch Knapper
Lagre denne bitmap som /res/drawable/my_nine_patch.9.png
Definer en ny stil
Bruk den nye knappen stil til buttonStyle egenskap av din egendefinerte tema
Definer en ny stil
< resources > ... ≪ style name = "MyCustomButton" forelder = "android: Widget.Button" > < element name = "android: bakgrunn" > @ teikne /my_nine_patch < /element > < /style > ... < /ressurser > Apply temaet
< resources > ... ≪ style name = "MyCustomTheme" foreldre = ... > ... ≪ element name = "android: buttonStyle" > @ stil /MyCustomButton < /element > < /style > ... < /ressurser >
Android Temaer
< resources > ... ≪ style name = "MyCustomTheme" foreldre = ... > ... ≪ element name = "android: buttonStyle" > @ stil /MyCustomButton < /element > < /style > ... < /ressurser >
Android Temaer
Håper du forstått konseptet med stil, så nå la oss prøve å forstå hva som er en Theme
. Et tema er ikke noe annet enn en Android stil tilført en hel aktivitet eller søknad, snarere enn en individuell View.
Så når en stil er brukt som et tema, hver Vis
i aktivitet eller søknad vil gjelde hver stil som den støtter. For eksempel kan du bruke den samme CustomFontStyle
stil som et tema for en aktivitet og deretter all tekst inne at Aktivitets
vil ha grønn monospace font.
Hvis du vil angi en tema for alle aktivitetene til søknaden din, må du åpne AndroidManifest.xml
fil og redigere < søknaden >
tag å inkludere android: tema
attributt med style navn. For eksempel −
< søknad android: tema = "@ stil /CustomFontStyle" >
Men hvis du vil ha et tema brukes til bare én aktivitet i programmet, og deretter legge til android: tema attributt til < aktivitet > tagge bare. For eksempel −
< aktivitet android: tema = "@ stil /CustomFontStyle" >
Det er antall standard temaer definert av Android som du kan bruke direkte eller arve dem ved hjelp av forelder Anmeldelser attributt som følger −
< style name = "CustomTheme" forelder = "android: Theme.Light" > ... < /style >.
For å forstå konseptet relatert til Android Theme, kan du sjekke Theme Demo Eksempel
Styling fargepaletten
layout design kan implementeres basert på dem basert farger, for eksempel som følge design er utviklet basert på dem farge (blå)
Over layout har utviklet basert på style.xml fil, som har stilt til res /verdier /
< ressurs > < style name = "AppTheme" forelder = "android: Theme.Material" > < element name = "android: farge /primær" > @ farge /primær < /element > < element name = "android: farge /primaryDark" > @ farge /primary_dark < /element > < element name = "android: colorAccent /primær" > @ farge /aksent < /element > < /style > < ressurs >
Standard Stil & Temaer
Den Android-plattformen gir en stor samling av stiler og temaer som du kan bruke i dine programmer. Du kan finne en referanse over alle tilgjengelige stiler i R.style
klasse. For å bruke stilene som er oppført her, erstatte alle strek i navnet stil med en periode. For eksempel kan du bruke Theme_NoTitleBar tema med "android: stil /Theme.NoTitleBar". Du kan se følgende kildekoden for Android stiler og temaer og minus;
Android Stil (styles.xml)
Android Temaer (themes.xml)