🚴 🙍🏼 🗻 विषयों, शैलियों और अन्य 👨🏼‍🚒 〽️ ☝🏾

लगभग सभी डेवलपर्स जानते हैं कि एंड्रॉइड में थीम हैं, लेकिन उनका उपयोग आमतौर पर स्टैक ओवरफ्लो या अन्य संसाधनों से xml के टुकड़ों को कॉपी करने तक सीमित है। विषयों पर इंटरनेट पर जानकारी है, लेकिन यह आमतौर पर एक निश्चित परिणाम प्राप्त करने के लिए सिर्फ एक नुस्खा है। इस लेख में, मैंने एंड्रॉइड शैलीकरण तंत्र का एक परिचयात्मक अवलोकन देने की कोशिश की।

सामग्री

परिचय
RectView के लिए विशेषताएँ
RectView के लिए शैली
डिफ़ॉल्ट शैली
RectView स्टाइल थीम विशेषता
गतिविधि स्तर थीम
विषय देखें
विशेषता मान कैसे लागू करें
संसाधन विषय
परिणाम

परिचय

Android में शैलियाँ और विषय-वस्तु ऐसे तंत्र हैं जो आपको UI की संरचना से डिज़ाइन विवरण (उदाहरण के लिए, रंग, फ़ॉन्ट आकार, आदि) को अलग करने की अनुमति देते हैं। यह समझने के लिए कि यह कैसे काम करता है, कस्टम दृश्य के साथ एक सरल उदाहरण हमें मदद करेगा।

हमें एक सरल कस्टम दृश्य की आवश्यकता होगी जो दृश्य की सीमा के भीतर वांछित रंग के साथ एक आयत खींचेगा।

class RectView @JvmOverloads constructor( context: Context, attrSet: AttributeSet? = null, defStyleAttr: Int = 0 ) : View(context, attrSet, defStyleAttr) { private val paint = Paint().apply { color = Color.BLUE } override fun onDraw(canvas: Canvas) { super.onDraw(canvas) canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), paint) } }

RectView के लिए विशेषताएँ

अब मैं लेआउट आयत के रंग को बदलने में सक्षम होना चाहता हूं।
ऐसा करने के लिए, हमें एक नई विशेषता जोड़ने की जरूरत है, फ़ाइल में attrs.xml जोड़ें

 <resources> <attr name="rectColor" format="color"/> </resources>

अब कोड में हम R.attr.rectColor के माध्यम से इस विशेषता की आईडी का उपयोग कर सकते हैं
स्क्रीन के लेआउट में, हम एप्लिकेशन का उपयोग कर सकते हैं: rectColor विशेषता।

 <org.berendeev.themes.RectView android:id="@+id/text2" android:layout_width="100dp" app:rectColor="@color/colorPrimary" android:layout_height="100dp"/>

लेकिन रेक्टव्यू अभी तक नहीं जानता है कि एक विशेषता है जहां आप आयत के लिए रंग ले सकते हैं।

आइए RectView को rectColor विशेषता को समझने के लिए सिखाएं, विशेषताओं का एक समूह जोड़ें

 <resources> <attr name="rectColor" format="color"/> <declare-styleable name="RectView"> <attr name="rectColor"/> </declare-styleable> </resources>

कक्षा R में, 2 नए क्षेत्र उत्पन्न हुए:
R.styleable.RectView आईडी विशेषताओं का एक सरणी है, वर्तमान में यह एक तत्व का एक सरणी है R.attr.rectColor
R.styleable.RectView_rectColor R.styleable.RectView सरणी में विशेषता का आईडी इंडेक्स है, अर्थात आईडी विशेषता हम प्राप्त कर सकते हैं और इसलिए R.styleable.RectView [R.styleable.RectView_rectColor]

और कोड के लिए rectColor विशेषता के लिए समर्थन जोड़ें।

 init { val typedArray = context.theme.obtainStyledAttributes( attrSet, R.styleable.RectView, 0, 0 ) try { paint.color = typedArray.getColor( R.styleable.RectView_rectColor, Color.BLUE ) } finally { typedArray.recycle() } }

पूर्ण कोड

 class RectView @JvmOverloads constructor( context: Context, attrSet: AttributeSet? = null, defStyleAttr: Int = 0 ) : View(context, attrSet, defStyleAttr) { private val paint = Paint().apply { color = Color.BLUE } init { val typedArray = context.theme.obtainStyledAttributes( attrSet, R.styleable.RectView, 0, 0 ) try { paint.color = typedArray.getColor( R.styleable.RectView_rectColor, Color.BLUE ) } finally { typedArray.recycle() } } override fun onDraw(canvas: Canvas) { super.onDraw(canvas) canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), paint) } }

अब हम लेआउट से आयत का रंग बदल सकते हैं:

RectView के लिए शैली

अब हमारे पास केवल एक विशेषता है, लेकिन कल्पना करें कि उनमें से दस हैं - हमारे लिए लेआउट में इन सभी विशेषताओं को हर बार समान तत्वों के लिए सेट करना बेहद असुविधाजनक होगा।

शैली में सब कुछ बनाने का निर्णय।

 <style name="DefaultRectViewStyle"> <item name="rectColor">@color/colorAccent</item> </style>

अब हम शैली को निर्दिष्ट करके एक ही रूप के साथ किसी भी प्रकार का दृश्य बना सकते हैं।

 <org.berendeev.themes.RectView android:id="@+id/text2" android:layout_width="100dp" style="@style/DefaultRectViewStyle" android:layout_height="100dp"/>

डिफ़ॉल्ट शैली

अब हम चाहते हैं कि सभी दृश्य डिफ़ॉल्ट रूप से किसी प्रकार की शैली के हों। ऐसा करने के लिए, हम getStyledAttributes विधि के लिए डिफ़ॉल्ट शैली निर्दिष्ट करेंगे:

 context.theme.obtainStyledAttributes( attrSet, R.styleable.RectView, 0, R.style.DefaultRectViewStyle )

इतना ही काफी है। अब हम लेआउट में जो भी RectView जोड़ते हैं, उनका डिफ़ॉल्ट स्टाइल DefaultRectViewStyle होगा।

RectView स्टाइल थीम विशेषता

डिफ़ॉल्ट मान अच्छा है, लेकिन मैं लेआउट को अधिक लचीले ढंग से नियंत्रित करना चाहूंगा। पूरे एप्लिकेशन के लिए या एक अलग गतिविधि के लिए किसी विशेष दृश्य की शैली सेट करना सुविधाजनक है।

इसके लिए हमें एक नई विशेषता की आवश्यकता है। हम थीम में इसके मूल्य को सेट करेंगे, मूल्य वह शैली होगी जो रेक्टव्यू की उपस्थिति को निर्धारित करती है।

 <attr name="rectViewStyle" format="reference"/>

और इस विषय विशेषता को समझने के लिए हमारी आयत सिखाएं। तीसरे पैरामीटर R.attr.rectViewStyle को प्राप्त करने के लिए प्राप्त करके GetStyledAttributes विधि।

 context.theme.obtainStyledAttributes( attrSet, R.styleable.RectView, R.attr.rectViewStyle, R.style.DefaultRectViewStyle )

अब, यदि कोई नाम rectViewStyle और प्रकार शैली का मान विषय में निर्दिष्ट है, तो यह शैली इस विषय के साथ सभी RectView पर लागू होगी।

गतिविधि स्तर थीम

हम अपने विषय में rectViewStyle विशेषता का मान निर्धारित करते हैं।

 <resources> <style name="AppTheme" 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="rectViewStyle">@style/LocalRectViewStyle</item> </style> </resources>

एप्लिकेशन मैनिफ़ेस्ट में विषय निर्दिष्ट करें।

 <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="org.berendeev.themes"> <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/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> </application> </manifest>

सभी गतिविधि डिफ़ॉल्ट AppTheme थीम पर सेट की जाएगी। हमने पूरे एप्लिकेशन के लिए RectView डिज़ाइन सेट किया है।

मैनिफ़ेस्ट में विशिष्ट गतिविधि के लिए विषय भी सेट किया जा सकता है।

 <activity android:name=".MainActivity" android:theme="@style/MyTheme">

यहां यह महत्वपूर्ण है कि हम जिस थीम को एप्लिकेशन या गतिविधि स्तर पर सेट करेंगे, वह मानक थीम से विरासत में मिली होनी चाहिए। उदाहरण के लिए, Theme.AppCompat। अन्यथा, हम रनटाइम में दुर्घटनाग्रस्त हो जाते हैं।

java.lang.IllegalStateException: आपको इस गतिविधि के साथ एक Theme.AppCompat विषय (या वंशज) का उपयोग करने की आवश्यकता है।

विषय देखें

दृश्य स्तर पर, हम विषय को पुनर्स्थापित नहीं करते हैं, लेकिन आवश्यक विशेषता मानों को अधिलेखित कर देते हैं, इसलिए हमें मानक विषय से विरासत में प्राप्त करने की आवश्यकता नहीं है। एक अभिभावक खाली हो सकता है, या उदाहरण के लिए, हम ThemeOverlay.AppCompat ओवरले में से एक से वारिस कर सकते हैं।

यहाँ हम वंशानुक्रम समूह के लिए MyOverlay विषय और पदानुक्रम में इसके सभी वंशज निर्धारित करते हैं।

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:theme="@style/MyOverlay"> <org.berendeev.themes.RectView android:layout_width="100dp" android:layout_height="100dp"/> </LinearLayout>

विषय में, हम माता-पिता के बिना कर सकते हैं, क्योंकि हम सिर्फ गतिविधि विषय को संशोधित करते हैं।

 <style name="MyOverlay"> <item name="rectViewStyle">@style/LocalRectViewStyle</item> </style>

विशेषता मान कैसे लागू करें

यदि दृश्य के लिए हम लेआउट और शैली और विषय दोनों में विशेषता मानों को परिभाषित करते हैं, तो मूल्य चुनने का क्रम निम्नानुसार होगा। सर्वोच्च प्राथमिकता लेआउट में निर्दिष्ट मूल्य है, अर्थात्। यदि मान लेआउट में सेट किया गया है, तो शैली और थीम को अनदेखा किया जाएगा, फिर शैली आगे बढ़ती है, फिर थीम और अंतिम स्थान पर डिफ़ॉल्ट शैली।

संसाधन विषय

संसाधनों में विषय का उपयोग किया जा सकता है। उदाहरण के लिए, ड्रॉएबल में हम एक रंग सेट कर सकते हैं जो थीम में निर्धारित रंग पर निर्भर करेगा।

 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <solid android:color="?attr/colorPrimary"/> </shape>

अब आयत का रंग विषय में colorPrimary विशेषता के मूल्य पर निर्भर करता है। विशेषता कोई भी हो सकती है। उदाहरण के लिए, हम संसाधनों में अपनी विशेषता निर्धारित कर सकते हैं और विषय में इसका मूल्य निर्धारित कर सकते हैं।

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

परिणाम

संसाधन स्तर पर विषय और शैली एक समान हैं, लेकिन अलग-अलग उपयोग किए जाते हैं।
एक थीम में अन्य विषय हो सकते हैं, केवल देखने के लिए अर्थ या शैली।
शैली को दृश्य स्तर पर लेआउट में इंगित किया गया है। LayoutInflater शैली मूल्यों की गणना करता है और उन्हें व्यू कंस्ट्रक्टर के लिए एक विशेषता के रूप में पास करता है।
थीम्स एक ऐसा तंत्र है जो आपको संपूर्ण गतिविधि के लिए विश्व स्तर पर उपस्थिति को परिभाषित करने की अनुमति देता है।
पदानुक्रम में तत्व (और वंश) के लिए विषय मान बदले जा सकते हैं।
न केवल दृश्य में, बल्कि संसाधनों में भी थीम मूल्यों का उपयोग किया जा सकता है।

पुनश्च: यदि लेख दिलचस्प है, तो मैं अधिक उन्नत लेख या बहुत सारे वास्तविक उदाहरणों के साथ एक लेख लिखूंगा।

विषयों, शैलियों और अन्य