🤞🏻 😥 🚒 Android हाइलाइट किए गए विजेट 👨🏿‍🏫 😵 👨‍💻

नमस्ते प्रिय हरजितेली। यह लेख एक "हाइलाइटेड" विजेट बनाने की प्रक्रिया का वर्णन करता है, अर्थात्, एक विजेट जिसे पांच-स्थिति डी-पैड का उपयोग करके चुना जा सकता है, जो ट्रैकबॉल या बटन के रूप में कई एंड्रॉइड डिवाइसों में मौजूद है। यह लेख एक प्रशिक्षित पाठक के उद्देश्य से है जो पहले ही अपना पहला एंड्रॉइड हैलो, दुनिया लिख चुका है। मुझे लगता है कि आपको ठंड के मौसम में कैपेसिटिव स्क्रीन वाले उपकरणों पर हार्डवेयर कुंजियों को नियंत्रित करने के लाभों के बारे में बात नहीं करनी चाहिए, तो चलिए हम व्यापार से दूर हो जाते हैं।

विजेट कॉन्फ़िगरेशन फ़ाइल

आइए विजेट के लिए विजेट। Xml कॉन्फ़िगरेशन फ़ाइल से शुरू करें, इसे अपने प्रोजेक्ट के रेस / xml / उपनिर्देशिका में बनाएं।

<? xml version ="1.0" encoding ="utf-8" ? > < appwidget-provider xmlns:android ="http://schemas.android.com/apk/res/android" android:minWidth ="72dip" android:minHeight ="72dip" android:focusable ="true" android:updatePeriodMillis ="0" android:initialLayout ="@layout/widget" /> * This source code was highlighted with Source Code Highlighter .

विशेषताएँ android: minWidth और android: minHeight विजेट के आकार के लिए ज़िम्मेदार हैं, android: updatePeriodMillis कितनी बार विजेट अपडेट किया जाएगा, इस विशेष मामले में, हमें एक अपडेट की आवश्यकता नहीं है, android - initialLayout - इंगित करता है कि विजेट के लिए कौन सी गतिविधि इंटरफ़ेस का उपयोग किया जाएगा। हम एंड्रॉइड में भी रुचि रखते हैं: फ़ोकस करने योग्य विशेषता, जैसा कि नाम से पता चलता है, विजेट तत्वों पर कर्सर को केंद्रित करने की अनुमति देता है या प्रतिबंधित करता है।

विजेट लेआउट

विजेट में एक आइकन और एक कैप्शन शामिल होगा, दोनों तत्व क्लिक करने योग्य और हाइलाइट किए जाएंगे।

रेस / लेआउट / widget.xml

<? xml version ="1.0" encoding ="utf-8" ? > < LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android" android:layout_width ="72dip" android:layout_height ="72dip" android:orientation ="vertical" > < ImageView android:id ="@+id/icon" android:layout_width ="48dip" android:layout_height ="48dip" android:clickable ="true" android:focusable ="true" android:src ="@drawable/icon" android:background ="@drawable/icon_background" android:layout_gravity ="center" /> < LinearLayout android:id ="@+id/label" xmlns:android ="http://schemas.android.com/apk/res/android" android:layout_width ="wrap_content" android:layout_height ="22dip" android:orientation ="vertical" android:clickable ="true" android:focusable ="true" android:background ="@drawable/label_background" android:gravity ="center" > < TextView android:layout_width ="wrap_content" android:layout_height ="wrap_content" android:text ="@string/label" android:textSize ="13sp" android:textColor ="#ffffff" /> </ LinearLayout > </ LinearLayout > * This source code was highlighted with Source Code Highlighter .

यहां यह एंड्रॉइड पर ध्यान देने योग्य है: आइकन और हस्ताक्षर की पृष्ठभूमि विशेषता। यह पैरामीटर, जैसा कि आप अनुमान लगा सकते हैं, आपको ऑब्जेक्ट की पृष्ठभूमि में एक पृष्ठभूमि छवि या रंग डालने की अनुमति देता है, इस मामले में यह उन फाइलों को इंगित करता है जो तत्वों को उजागर करने के लिए नियमों का वर्णन करते हैं।

हाइलाइट नियम

मैंने "हाइलाइटिंग रूल्स" StateListDrawable कहा है , जो एक उपकरण का उपयोग किसी वस्तु की पृष्ठभूमि को उसके राज्य के आधार पर बदलने के लिए किया जाता है। नियम आइटम टैग में सम्‍मिलित हैं, विशेषताएँ Android: state_focused (फ़ोकस में ऑब्जेक्ट) और android: state_pressed (ऑब्जेक्ट दबाया गया) ऐसी स्थितियाँ हैं, जिनके अंतर्गत पृष्ठभूमि छवि सेट की जाएगी, android: drawable उस संसाधन को इंगित करता है जिसका उपयोग पृष्ठभूमि के रूप में किया जाएगा।

Res / drawable / icon_background.xml

<? xml version ="1.0" encoding ="utf-8" ? > < selector xmlns:android ="http://schemas.android.com/apk/res/android" > < item android:state_focused ="true" android:state_pressed ="false" android:drawable ="@drawable/icon_shadow" /> < item android:state_focused ="true" android:state_pressed ="true" android:drawable ="@drawable/icon_shadow" /> < item android:state_focused ="false" android:state_pressed ="true" android:drawable ="@drawable/icon_shadow" /> </ selector > * This source code was highlighted with Source Code Highlighter .

आइकन को हाइलाइट करने के नियमों में, हम तीन नियम देखते हैं जिन्हें निम्नानुसार बताया जा सकता है:

यदि आइकन हाइलाइट किया गया है लेकिन दबाया नहीं गया है;
प्रकाश डाला और दबाया तो हाइलाइट करें;
यदि हाइलाइट किया गया है लेकिन हाइलाइट नहीं किया गया है।

Res / drawable / label_background.xml

<? xml version ="1.0" encoding ="utf-8" ? > < selector xmlns:android ="http://schemas.android.com/apk/res/android" > < item android:state_focused ="true" android:state_pressed ="false" android:drawable ="@drawable/label_shadow" /> < item android:state_focused ="true" android:state_pressed ="true" android:drawable ="@drawable/label_shadow" /> < item android:state_focused ="false" android:state_pressed ="true" android:drawable ="@drawable/label_shadow" /> < item android:drawable ="@drawable/label" /> </ selector > * This source code was highlighted with Source Code Highlighter .

हस्ताक्षर हाइलाइटिंग नियम व्यावहारिक रूप से समान हैं, बिना शर्तों के चौथे नियम के अपवाद के साथ, जो डिफ़ॉल्ट पृष्ठभूमि छवि सेट करता है।

निष्कर्ष

अब हमें संसाधनों को रिस / ड्रॉबल डायरेक्टरी में रखना होगा और मेनिफेस्ट बनाना होगा:

<? xml version ="1.0" encoding ="utf-8" ? > < manifest xmlns:android ="http://schemas.android.com/apk/res/android" package ="org.selectdroid" android:versionCode ="1" android:versionName ="1.0" > < application android:icon ="@drawable/icon" android:label ="@string/app_name" > < receiver android:name =".Widget" android:label ="@string/app_name" > < intent-filter > < action android:name ="android.appwidget.action.APPWIDGET_UPDATE" /> </ intent-filter > < meta-data android:name ="android.appwidget.provider" android:resource ="@xml/widget" /> </ receiver > </ application > </ manifest > * This source code was highlighted with Source Code Highlighter .

संकलन और लॉन्च के बाद, हमें यह विजेट मिला:

ध्यान देने के लिए आप सभी का धन्यवाद। आशा है कि यह लेख किसी के लिए उपयोगी है।

इस लेख को लिखते समय, हमने developer.android.com से प्रलेखन का उपयोग किया ।
प्रोटोटाइप विजेट का सोर्स कोड यहां डाउनलोड किया जा सकता है ।
संकलित APK यहाँ ।

Android हाइलाइट किए गए विजेट

विजेट कॉन्फ़िगरेशन फ़ाइल

विजेट लेआउट

हाइलाइट नियम

निष्कर्ष

More articles: