जादू के बिना Android विषयों और शैलियों। और उन्हें कैसे स्विचकॉम के साथ खाना बनाना है

सामग्री

परिचय

• SwitchCompat के लिए अपनी खुद की शैली बनाएँ।
• किसी तरह यह SwitchCompat शैली सेट करें।

• शैली विशेषता के माध्यम से स्क्रीन के लेआउट में प्रत्येक दृश्य के लिए निर्दिष्ट करें।
• ओवरराइड किए गए स्विच स्टाइल विशेषता के साथ एक थीम बनाएं और पूरे एप्लिकेशन या विशिष्ट गतिविधि के लिए इस विषय को प्रकट में असाइन करें। यह संपूर्ण एप्लिकेशन / गतिविधि के लिए दृश्य का स्वरूप बदल देगा।
• सक्रियण कोड में विषय को प्रोग्रामेटिक रूप से भी सेट किया जा सकता है। यदि आवश्यक हो, तो इसे मक्खी पर बदला जा सकता है।

स्विचकॉम के लिए नई शैली

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

• एंड्रॉइड: थंब - स्विचकॉमैट के मूविंग पार्ट के लिए संसाधन
• ट्रैक - स्विचकॉमपेट के निश्चित भाग के लिए संसाधन
• thumbTint - आपको स्विचकॉमैट की स्थिति के आधार पर वांछित रंगों में चलती भाग को पेंट करने की अनुमति देता है
• TrackTint - आपको स्विचकॉमैट की स्थिति के आधार पर वांछित रंगों में स्थिर भाग को रंगने की अनुमति देता है

 <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> 

लेआउट शैली

• लेआउट संसाधन को बढ़ाने पर शैली लागू होती है।
• हम किसी भी तरह से सॉफ्टवेयर को प्रभावित नहीं कर सकते।
• हर बार लेआउट में इंगित करना असुविधाजनक है। और हम भूल सकते हैं।

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

विषय में शैली। विषय मैनिफेस्ट के माध्यम से सौंपा गया

 <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> 

• पेशेवरों - हम तुरंत पूरे आवेदन के लिए उपस्थिति बदल सकते हैं।
• विपक्ष - मक्खी पर आप इसे बदल नहीं सकते।

विषय में शैली। थीम को प्रोग्रामिक रूप से सौंपा गया है

 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. SetTheme पर कॉल करके थीम को प्रोग्रामेटिक रूप से इंस्टॉल करें। विधि को super.onCreate (saveInstanceState) से पहले बुलाया जाना चाहिए। OnCreate में, हम टुकड़े (जब वे होते हैं) को इनिशियलाइज़ करते हैं।
2. विषय के आधार पर स्विच की प्रारंभिक स्थिति सेट करें।
3. हम एक श्रोता को स्थापित करते हैं, जो स्विच को बदलते समय, थीम को सेटिंग्स में बदलता है और गतिविधि को रीक्रिएट () सक्रियण विधि के माध्यम से पुनः आरंभ करता है।

 <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> 

अन्य दृश्य

• 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> 

साधन