Ein Stil-Ressource definiert das Format und nach einem UI.Ein Stil kann auf eine individuelle Ansicht (innerhalb eines Layout-Datei) oder zu einer gesamten Aktivität oder Anwendung (aus der Manifest-Datei) aufgebracht werden.
Bestimmen des Stils
Ein Stil ist in einem XML-Ressource, die getrennt von der XML, die das Layout gibt an, ist definiert. Diese XML-Datei befindet sich unter res / Werte /Verzeichnis des Projekts und muss <resources> als Stammknoten, die zwingend für die Style-Datei ist. Der Name der XML-Datei ist frei wählbar, muss jedoch die XML-Erweiterung verwenden.
Sie können mehrere Arten pro Datei definiert mit <style> Tag, aber jeder Stil seinen Namen, die den Stil eindeutig identifiziert haben. Android Stilattribute werden mit set <item> -Tag wie unten gezeigt -
<?xml version="1.0" encoding="utf-8"?> <resources> <style name="CustomFontStyle"> <item name="android:layout_width">fill_parent</item> <item name="android:layout_height">wrap_content</item> <item name="android:capitalize">characters</item> <item name="android:typeface">monospace</item> <item name="android:textSize">12pt</item> <item name="android:textColor">#00FF00</item>/> </style> </resources>
Der Wert für die <item> kann ein Schlüsselwort string, ein hex Farbe, ein Verweis auf eine andere Art der Quelle, oder einen anderen Wert je nach dem Stil Eigentum.
Verwenden von Stilen
Sobald Ihr Stil definiert ist, können Sie es in Ihrem XML-Layout-Datei verwenden, mit Stil-Attribut wie folgt -
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:id="@+id/text_id" style="@style/CustomFontStyle" android:text="@string/hello_world" /> </LinearLayout>
, Das Konzept auf Android-Art im Zusammenhang zu verstehen, können Sie überprüfen, Stil Demo-Beispiel.
Style-Vererbung
Android unterstützt style Vererbung in sehr ähnlicher Weise wie Cascading Style Sheet in Web-Design. Sie können diese nutzen, um Objekte aus einem vorhandenen Stil erben und definieren Sie dann nur die Eigenschaften, die Sie ändern oder hinzufügen möchten.
Zur Implementierung eines benutzerdefinierten Designs erstellen oder bearbeiten MyAndroidApp / res / Werte / themes.xml und fügen Sie den folgenden -
<resources> ... <style name="MyCustomTheme" parent="android:style/Theme"> <item name="android:textColorPrimary">#ffff0000</item> </style> ... </resources>
In Ihrem AndroidManifest.xml gelten das Thema auf die Aktivitäten, die Sie Stil wollen -
<activity android:name="com.myapp.MyActivity" ... android:theme="@style/MyCustomTheme" />
Ihr neues Thema wird an Ihre Tätigkeit angewandt werden, und Text ist jetzt leuchtend rot.
Anwenden von Farben auf Theme Attribute
Ihre Farbressource kann dann auf einige Stilattribute durch Zugabe angewendet werden, wie beispielsweise die Fenster-Hintergrund und der Primärtextfarbe,- Elemente, um Ihre benutzerdefinierten Designs. Diese Attribute werden in Ihrem styles.xml Datei definiert. Zum Beispiel, um die benutzerdefinierte Farbe an den Fensterhintergrund gelten die folgenden zwei hinzufügen
- Elemente, Ihr eigenes Thema, in MyAndroidApp Datei / res / Werte / styles.xml definiert -
<resources> ... <style name="MyCustomTheme" ...> <item name="android:windowBackground">@color/my_custom_color</item> <item name="android:colorBackgroundCacheHint">@color/my_custom_color</item> </style> ... </resources>
Verwenden eines benutzerdefinierten Nine-Patch mit Buttons
Ein neun-Patch ziehbar ist eine besondere Art von Bild, das in Breite und Höhe skaliert werden kann unter Beibehaltung seiner visuelle Integrität. Nine-Patches sind der häufigste Weg, um das Aussehen des Android-Tasten festlegen, obwohl jede drawable Typ verwendet werden.
EINE PROBE VON NINE-PATCH-TASTE
Schritte zum Nine-Patch-Buttons erstellen
- Speichern Sie diese Bitmap als /res/drawable/my_nine_patch.9.png
- Definieren Sie einen neuen Stil
- Übernehmen Sie die neue Schaltfläche Stil, um das Attribut button Ihrer benutzerdefinierten Designs
DEFINIEREN SIE EINEN NEUEN STIL
<resources> ... <style name="MyCustomButton" parent="android:Widget.Button"> <item name="android:background">@drawable/my_nine_patch</item> </style> ... </resources>
WENDEN SIE DAS THEMA
<resources> ... <style name="MyCustomTheme" parent=...> ... <item name="android:buttonStyle">@style/MyCustomButton</item> </style> ... </resources>
Android Themes
Hoffen, dass Sie das Konzept der Art zu verstehen, so dass nun versuchen zu verstehen, was für ein Rein Theme. Ein Thema ist nichts anderes als ein Android-Stil auf eine gesamte Aktivität oder Anwendung, anstatt eine individuelle Ansicht angewendet.
Somit wird, wenn ein Stil als Thema aufgebracht, jeder Blick in die Tätigkeit oder der Anwendung wird jeder style-Eigenschaft, die es unterstützt anzuwenden. Beispielsweise können Sie das gleiche gelten CustomFontStyleStil als Thema für eine Aktivität und dann der gesamte Text innerhalb dieserAktivität wird grün proportionalen Schriftart haben.
Um ein Thema für alle Aktivitäten Ihrer Anwendung festzulegen, öffnen Sie dieAndroidManifest.xml-Datei und bearbeiten Sie die <application> Tag, um die gehören Android: Thema Attribut mit dem Stilnamen. Zum Beispiel -
<application android:theme="@style/CustomFontStyle">
Aber wenn Sie möchten ein Thema angewendet, um nur eine Aktivität in der Anwendung, fügen Sie dann die Android: Thema Attribut dem <Aktivität> nur Tag. Zum Beispiel -
<activity android:theme="@style/CustomFontStyle">
Es gibt eine Reihe von Standardthemen durch Android festgelegt, die Sie direkt verwenden oder erben sie mit Hilfe können Elternattribut wie folgt -
<style name="CustomTheme" parent="android:Theme.Light"> ... </style>
, Das Konzept auf Android Theme Zusammenhang zu verstehen, können Sie überprüfen Theme Demo-Beispiel.
Styling die Farbpalette
Die Layout-Gestaltung kann darauf basierenden Farben basierend implementierbar, beispielsweise wie folgt Entwurf wird auf ihnen basierenden Farbe (blau) ausgebildet ist
Oberhalb Layout wurde entwickelt, basierend auf style.xml-Datei, die zumin platziert res / Werte /
<resource> <style name="AppTheme" parent="android:Theme.Material"> <item name ="android:color/primary">@color/primary</item> <item name ="android:color/primaryDark">@color/primary_dark</item> <item name ="android:colorAccent/primary">@color/accent</item> </style> <resource>
Standard-Stile & Themes
Die Android-Plattform bietet eine große Sammlung von Stilen und Themen, die Sie in Ihren Anwendungen verwenden können. Sie können eine Referenz aller verfügbaren Arten in der gewünschten Umgebung R.style Klasse. Um die Arten hier aufgeführten verwenden, ersetzen Sie alle Unterstriche in der Art-Name mit einem Punkt. ": Style / Theme.NoTitleBarandroid" Zum Beispiel können Sie die Theme_NoTitleBar Thema mit beantragen. Sie können den folgenden Quellcode für Android Stile und Themen finden -
0 التعليقات:
Kommentar veröffentlichen