السمات والأساليب الروبوت دون السحر. وكيف لطهيها مع SwitchCompat

محتوى

مقدمة

• قم بإنشاء طريقتك الخاصة لـ SwitchCompat.
• تعيين بطريقة ما هذا النمط SwitchCompat.

• حدد لكل طريقة عرض في تخطيط الشاشات من خلال سمة النمط.
• إنشاء سمة مع سمة switchStyle التي تم تجاوزها وتعيين هذا المظهر في البيان للتطبيق بأكمله أو نشاط معين. سيؤدي هذا إلى تغيير مظهر العرض للتطبيق / النشاط بأكمله.
• يمكن أيضًا تعيين الموضوع برمجيًا في رمز التفعيل. إذا لزم الأمر ، يمكن تغييره على الطاير.

نمط جديد ل SwitchCompat

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

• android: thumb - مورد للجزء المتحرك من SwitchCompat
• المسار - مورد للجزء ثابت من SwitchCompat
• thumbTint - يسمح لك برسم الجزء المتحرك بالألوان المرغوبة وفقًا لحالة SwitchCompat
• trackTint - يسمح لك بتلوين الجزء الثابت بالألوان المطلوبة وفقًا لحالة 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> 

نمط التخطيط

• يتم تطبيق النمط عند تضخيم مورد التخطيط.
• لا يمكننا التأثير على البرامج بأي طريقة.
• من غير المناسب الإشارة إلى كل مرة في التخطيط. ويمكننا أن ننسى.

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

موارد