Tema dan gaya Android tanpa sihir. Dan cara memasaknya dengan SwitchCompat

Isi

Pendahuluan

• Buat gaya Anda sendiri untuk SwitchCompat.
• Entah bagaimana atur gaya SwitchCompat ini.

• Tentukan untuk setiap tampilan dalam tata letak layar melalui atribut gaya.
• Buat tema dengan atribut switchStyle yang ditimpa dan tetapkan tema ini dalam manifes untuk seluruh aplikasi atau aktivitas tertentu. Ini akan mengubah tampilan tampilan untuk seluruh aplikasi / aktivitas.
• Topik juga dapat diatur secara program dalam kode aktivasi. Jika perlu, itu dapat diubah dengan cepat.

Gaya baru untuk SwitchCompat

<style name="MySwitchStyle" parent = "Widget.AppCompat.CompoundButton.Switch"> </style> 

• android: thumb - sumber daya untuk bagian bergerak dari SwitchCompat
• track - resource untuk bagian tetap SwitchCompat
• thumbTint - memungkinkan Anda untuk melukis bagian yang bergerak dalam warna yang diinginkan tergantung pada keadaan SwitchCompat
• trackTint - memungkinkan Anda untuk mewarnai bagian stasioner dalam warna yang diinginkan tergantung pada kondisi SwitchCompat

 <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true" android:color = "@android:color/holo_orange_dark"/> <item android:color="@android:color/holo_green_light"/> </selector> 

 <style name="MySwitchStyle" parent = "Widget.AppCompat.CompoundButton.Switch"> <item name="thumbTint">@color/selector_switch_thumb</item> </style> 

Gaya tata letak

• Gaya diterapkan saat mengembang sumber daya tata letak.
• Kami tidak dapat memengaruhi perangkat lunak dengan cara apa pun.
• Tidak nyaman untuk menunjukkan setiap waktu dalam tata letak. Dan kita bisa lupa.

 <androidx.appcompat.widget.SwitchCompat android:text="Themed switch" style="@style/MySwitchStyle" android:layout_width="wrap_content" android:layout_height="wrap_content"/> 

Gaya dalam subjek. Topik ditugaskan melalui Manifest

 <resources> <style name="CustomTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <!--    switchStyle --> <item name="switchStyle">@style/MySwitchStyle</item> </style> </resources> 

 <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/CustomTheme"><!--     --> </application> 

 <activity android:name=".MainActivity" android:theme="@style/CustomTheme"><!--    --> </activity> 

• Pro - Kita dapat mengubah tampilan untuk seluruh aplikasi dengan segera.
• Kontra - dengan cepat Anda tidak dapat mengubahnya.

Gaya dalam subjek. Tema ditugaskan secara terprogram

 private const val KEY_CUSTOM_THEME_CHECKED = "KEY_CUSTOM_THEME_CHECKED" class MainActivity : AppCompatActivity() { private val preference by lazy { PreferenceManager.getDefaultSharedPreferences(this) } override fun onCreate(savedInstanceState: Bundle?) { val isCustomThemeChecked = preference.getBoolean( KEY_CUSTOM_THEME_CHECKED, true ) if (isCustomThemeChecked) { setTheme(R.style.CustomTheme) } else { setTheme(R.style.StandardTheme) } super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) customThemeCheckbox.isChecked = isCustomThemeChecked customThemeCheckbox.setOnCheckedChangeListener { _, isChecked -> preference.edit() .putBoolean(KEY_CUSTOM_THEME_CHECKED, isChecked) .apply() recreate() } } } 

1. Instal tema secara terprogram dengan memanggil setTheme. Metode ini harus dipanggil sebelum super.onCreate (disimpanInstanceState). Di onCreate, kami menginisialisasi fragmen (saat itu).
2. Atur status awal Switch tergantung pada topik.
3. Kami memasang listener yang, ketika mengubah Switch, mengubah tema di pengaturan dan memulai kembali aktivitas melalui metode aktivasi reinate ().

 <resources> <style name="CustomTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="switchStyle">@style/MySwitchStyle</item> </style> <style name="StandardTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> <style name="MySwitchStyle" parent="Widget.AppCompat.CompoundButton.Switch"> <item name="thumbTint">@color/selector_switch_thumb</item> </style> </resources> 

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="10dp" android:orientation="vertical"> <CheckBox android:text="CustomTheme" android:layout_width="match_parent" android:layout_height="wrap_content" android:saveEnabled="false" android:id="@+id/customThemeCheckbox"/> <androidx.appcompat.widget.SwitchCompat android:text="Themed switch" android:layout_marginTop="56dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/themedSwitch"/> </LinearLayout> 

Pandangan Lain

• editTextStyle
• checkboxStyle
• radioButtonStyle

 <item name="editTextStyle">@style/Widget.AppCompat.EditText</item> <item name="checkboxStyle">@style/Widget.AppCompat.CompoundButton.CheckBox</item> <item name="radioButtonStyle"> @style/Widget.AppCompat.CompoundButton.RadioButton </item> <item name="buttonStyle">@style/Widget.AppCompat.Button</item> 

Sumber daya