Style di Android memungkinkan Anda menentukan tampilan dan nuansa, misalnya font dan warna, komponen Android dalam file sumber daya XML. Dengan cara ini Anda harus mengatur atribut style umum hanya sekali di satu tempat pusat.
Style didefinisikan dalam sumber daya XML yang terpisah dari XML yang menentukan layout. File XML ini berada di bawah direktori res/values/ proyek Anda dan akan memiliki <resources> node root yang wajib untuk file style. Nama file XML sewenang-wenang, tetapi harus menggunakan ekstensi .xml.
Penggunaan style dibarengi dengan drawable adalah bertujuan lebih banyak tampilan tetapi masih dapat dipertahankan dalam menghadapi kustomisasi UI yang berat. style bekerja dengan menentukan nama style yang akan terkait dengan serangkaian properti untuk diterapkan ke tampilan layout. Style juga dapat mewarisi dari style lain dan style majemuk juga dapat dibuat.
Anda juga dapat menentukan beberapa style per file menggunakan <style> tag tetapi setiap style akan memiliki namanya yang secara unik mengidentifikasi style tersebut. Atribut style Android diatur menggunakan <item> tag seperti yang ditunjukkan di bawah ini:
Nilai untuk <item> bisa berupa string kata kunci, warna hex, referensi ke jenis sumber daya lain, atau nilai lain tergantung pada properti style.
<style name="textStyleKustom">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:gravity">center</item>
<item name="android:textStyle">bold</item>
<item name="android:textSize">35sp</item>
<item name="android:textColor">#FF008665</item>
<item name="android:shadowColor">#FF00CECA</item>
<item name="android:shadowRadius">4</item>
<item name="android:shadowDx">-1</item>
<item name="android:shadowDy">-2</item>
</style>
Menggunakan style
Setelah style Anda ditentukan, Anda dapat menggunakannya dalam file Tata Letak XML Anda menggunakan atribut style sebagai berikut:
<?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"
android:gravity="center">
<TextView
android:id="@+id/text_id"
android:text="Hallo world!"
style="@style/textStyleKustom"/>
</LinearLayout>
Hasilnya:
Style Turun temurun
Dalam banyak kasus, Anda mungkin ingin memperluas style dan memodifikasi atribut tertentu. jika anda ingin membuat style untuk mewarisi dari style lain maka yang perlu anda lakukan adalah misalnya Jika kita ingin membuat style sebagai parent style kita perlu menambahkan atribut yang disebut 'Parent'. Dan kemudian kita perlu memberi nama atribut ini. Misalnya:
<style name="LargeFont">
<item name="android:textSize">40sp</item>
</style>
<style name="LargeRedFont" parent="@style/LargeFont">
<item name="android:textColor">#ce0f00ff</item>
</style>
Jika Anda ingin mewarisi dari gaya yang telah Anda tentukan sendiri, Anda bahkan tidak perlu menggunakan atribut induk. Sebagai gantinya, sebagai pintasan, cukup awali nama style yang ingin Anda warisi kedalam style baru Anda, dipisah dengan titik:
<style name="LargeFont">
<item name="android:textSize">40sp</item>
</style>
<style name="LargeFont.Blue">
<item name="android:textColor">#00007f</item>
</style>
Anda dapat terus memperluas style dengan menggunakan beberapa titik sebagai pemisah:
<style name="LargeFont.Red.Bold">
<item name="android:textStyle">bold</item>
</style>
<style name="LargeFont.Red.Big">
<item name="android:textSize">30sp</item>
</style>
Anda tidak dapat mewarisi style bawaan dengan cara ini. Untuk mereferensikan style bawaan, Anda harus menggunakan atribut induk:
<style name="CustomButton" parent="@android:style/Widget.Button">
<item name="android:gravity">center_vertical|center_horizontal</item>
<item name="android:textColor">#FFFFFF</item>
</style>