Android विजेट विकास

एंड्रॉइड डिवाइसों के लिए "हैलो वर्ल्ड" विजेट विकसित करने के तरीके के बारे में हेबर पर पहले से ही पर्याप्त लेख हैं। आप नेट पर इसके बारे में अधिक पढ़ सकते हैं, जिसमें डेवलपर्स , स्टैकऑवरफ्लो और अन्य संसाधनों के लिए Google साइट पर शामिल है। ऐसा लगता है कि सब कुछ विस्तार से चबाया गया है, सैकड़ों उदाहरण हैं - जब पर्याप्त जानकारी चारों ओर हो तो एक और लेख क्यों लिखें?
हालांकि, जब हमने विजेट विकसित करना शुरू किया, तो हमें बारीकियों का पता लगाने और जिस तरह से हमने इसे मूल रूप से कल्पना की थी, उस परियोजना को लागू करने के लिए कई सप्ताह बिताने पड़े।
हमें उम्मीद है कि हमारा अनुभव आपके विजेट के कार्यान्वयन पर समय बचाने में मदद करेगा।

ट्रेनिंग

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

परीक्षण के लिए, परीक्षण स्मार्टफोन पर प्रत्यक्ष डिबगिंग के अलावा, हमने सॉफ्टवेयर एमुलेटर का भी उपयोग किया। मानक का उपयोग करना समस्याग्रस्त है, विभिन्न उच्च-प्रदर्शन वाले एमुलेटर एंड्रॉइड-एक्स 86 , एंड्रोवीएम , जीनोमिशन , मान्मो और अन्य पर विचार किया गया था। नतीजतन, हमने Genymotion को चुना - इसकी स्थापना में आसानी और एंड्रॉइड-एक्स 86 की गति के साथ रिश्वत दी गई, स्थापित करने और स्थापित करने के लिए विस्तृत निर्देश एंड्रॉइड 4.0 और उससे नीचे के उपकरणों पर परीक्षण के लिए आवश्यक हैं।

ये एमुलेटर विभिन्न ओएस के तहत ठीक काम करते हैं: लिनक्स, मैक, विंडोज, डेवलपर्स की अलग-अलग प्राथमिकताएं हैं, और उन्हें समझाने के लिए गलत है, इसलिए क्रॉस-प्लेटफॉर्म टूल मदद करते हैं।

इसके अलावा, ये प्रोग्राम स्वचालित परीक्षण में मदद करते हैं: परीक्षण एंड्रॉइड इंस्ट्रूमेंटेशन फ्रेमवर्क, जेनेट, रोबोटियम का उपयोग करके लिखे गए हैं। इस पर अगले लेख में, जिसे हम निकट भविष्य में प्रकाशित करेंगे :)

डिज़ाइन

इसलिए, हम चाहते हैं कि उपयोगकर्ता खोज फ़ॉर्म, ध्वनि प्रश्नों के लिए बटन, और विजेट के उपलब्ध आकार में वृद्धि, वर्तमान समाचार की घोषणाओं को देखें।


Google Play के अनुसार, दुनिया में लगभग 4,500 प्रकार के विभिन्न Android डिवाइस पंजीकृत हैं।


स्क्रीन रिज़ॉल्यूशन के अलावा, ये डिवाइस विकर्ण और पिक्सेल घनत्व प्रति यूनिट क्षेत्र (पीपीआई) में भिन्न हो सकते हैं। सौभाग्य से, कार्य को सरल बनाया जा सकता है और विजेट तत्वों के आकार को निर्धारित करने के लिए डिवाइस-स्वतंत्र पिक्सेल - डीपी का उपयोग किया जा सकता है। अधिकांश स्मार्टफोन 4x4 ग्रिड का उपयोग करते हैं, 7 इंच की टैबलेट के लिए ग्रिड 6x6 हो सकता है, और यहां तक ​​कि सेल का आकार खुद लॉन्चर और एंड्रॉइड एपीआई संस्करणों पर निर्भर करता है। तालिका में हमने विभिन्न उपकरणों के लिए डीपी में परिणामी आकार प्रस्तुत किए हैं:

	सैमसंग GT-i9000	नेक्सस 4	सैमसंग टैब	नेक्सस 7
1 एक्स 1	64 x 58	64 x 58	74 x 74	80 x 71
२ x २	144 x 132	152 x 132	148 x 148	176 x 159
४ x ३	304 x 206	328 x 206	296 x 222	368 x 247

आप सूत्र से शुरू कर सकते हैं:
14 आकार के तहत एपीआई के लिए = (74 x कोशिकाओं की संख्या) - 2
नवीनतम संस्करणों के आकार के लिए = (कोशिकाओं की 70 x संख्या) - 30
यदि परीक्षण के दौरान आप किसी विशिष्ट डिवाइस पर समस्याओं का सामना करते हैं, उदाहरण के लिए, स्क्रीन ओरिएंटेशन को बदलते समय, एक अलग लेआउट जोड़ना आसान होता है या पैरामीटर को समायोजित करने की कोशिश की तुलना में व्यास में वांछित आकार निर्दिष्ट करें। xml। डिजाइन चरण पर भी, पुन: प्रयोज्य तत्वों पर ध्यान दें, ताकि विकसित होने पर, उन्हें अलग-अलग लेआउट में डालें, और उन्हें वांछित स्थान पर सम्मिलित करने के लिए शामिल करें का उपयोग करें। हमारे आवेदन में, इस तकनीक का उपयोग समाचार के लिए, और home_news_row.xml के कुछ तत्वों की छाया को लागू करने के लिए किया गया था:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/news_row" android:layout_width="match_parent" android:layout_height="match_parent"> <include android:id="@+id/news_item1" layout="@layout/home_news_item"/> <include android:id="@+id/news_item2" layout="@layout/home_news_item"/> </LinearLayout> 

home_news_item.xml:

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/news_img" android:scaleType="centerCrop" android:layout_weight="1"/> <TextView android:id="@+id/news_text" android:layout_width="match_parent" android:layout_height="match_parent" android:textSize="13sp"/> </LinearLayout> 

कार्यान्वयन

हमें JSON में सर्वर से विजेट के लिए डेटा मिलता है - सब कुछ काफी सरल है और प्रलेखन में विस्तार से वर्णित है। यदि विजेट न्यूनतम आकार (खोज बार और वॉइस अनुरोध आइकन) पर सेट है, तो हम अप-टू-डेट समाचार घोषणाओं का अनुरोध नहीं करते हैं, और जब विजेट बड़ा हो जाता है, तो हम पहले यह देखने के लिए जांच करते हैं कि क्या वर्तमान समाचार कैश है, तो हम उपलब्ध डेटा लेते हैं, जिससे ट्रैफ़िक और बैटरी की बचत होती है।

एंड्रॉइड संस्करणों के वर्तमान वितरण का विश्लेषण करने के बाद, हमें पता चला कि संस्करण 2.2 अभी भी प्रासंगिक है और इसका समर्थन करने की आवश्यकता है। दुर्भाग्य से, विजेट का आकार बदलने का समर्थन केवल संस्करण 3.0 से उपलब्ध है, इसलिए पुराने संस्करणों के लिए हम विस्तारित विजेट का एक स्थिर संस्करण बनाएंगे। वर्जन 3.x के उपकरणों की हिस्सेदारी वर्तमान में महत्वहीन है, और हमने onAppWidgetOptionsChanged पद्धति का उपयोग करके एंड्रॉइड 4.1 से शुरू होने वाले विजेट का जवाब देने का निर्णय लिया। लेकिन सब कुछ उसके साथ सहज नहीं है: यह कुछ संशोधित फर्मवेयर में काम नहीं करता है। मुझे एक वैकल्पिक समाधान की तलाश करनी थी, और यह पाया गया: हमने onReceive () विधि में com.sec.android.widgetapp.APPWIDGET_RESIZE घटना का उपयोग किया:

 public void onReceive(Context context, Intent intent) { if (intent.getAction().contentEquals("com.sec.android.widgetapp.APPWIDGET_RESIZE")) { handleResize(context, intent); } super.onReceive(context, intent); } private void handleResize(Context context, Intent intent) { AppWidgetManager appWidgetManager = AppWidgetManager.getInstance(context); Bundle newOptions = getOptions(context, intent); int appWidgetId = intent.getIntExtra("widgetId", 0); if (!newOptions.isEmpty()) { onAppWidgetOptionsChanged(context, appWidgetManager, appWidgetId, newOptions); } } public Bundle getOptions(Context context, Intent intent) { Bundle newOptions = new Bundle(); int appWidgetId = intent.getIntExtra("widgetId", 0); int widgetSpanX = intent.getIntExtra("widgetspanx", 0); int widgetSpanY = intent.getIntExtra("widgetspany", 0); if(appWidgetId > 0 && widgetSpanX > 0 && widgetSpanY > 0) { newOptions.putInt(AppWidgetManager.OPTION_APPWIDGET_MIN_HEIGHT, widgetSpanY * 74); newOptions.putInt(AppWidgetManager.OPTION_APPWIDGET_MIN_WIDTH, widgetSpanX * 74); } return newOptions; } @Override public void onAppWidgetOptionsChanged(Context context, AppWidgetManager appWidgetManager, int appWidgetId, Bundle newOptions) { Log.d("height", newOptions.getInt(AppWidgetManager.OPTION_APPWIDGET_MIN_HEIGHT)); Log.d("width", newOptions.getInt(AppWidgetManager.OPTION_APPWIDGET_MIN_WIDTH)); } 

होम स्क्रीन पर विजेट स्थापित करते समय, उपयोगकर्ता सेटिंग्स में रंग और पारदर्शिता का चयन कर सकता है। इस कार्यान्वयन में कुछ भी जटिल नहीं है, लेकिन एक चेतावनी है: चयनित रंग में पारदर्शिता स्तर जोड़ा जाना चाहिए। उदाहरण के लिए, यह हमारे साथ कैसे लागू किया जाता है:

 int color = Color.parseColor(“#FFFFFF”); int transparent =150; color = Color.argb(transparent, Color.red(color), Color.green(color), Color.blue(color)); 

पारदर्शिता स्तर के साथ परिणामी रंग विजेट तत्व पर लागू होता है। हमारे मामले में, हम बस LinearLayout पर setBackgroundColor () सेट करते हैं।

ऐसी स्थितियाँ भी होती हैं जहाँ परिदृश्य मोड में विजेट का सेल आकार पोर्ट्रेट मोड से छोटा होता है, और इसलिए दी गई लंबाई का पाठ अब फिट नहीं बैठता है। आप पाठ के आकार को कम करने की कोशिश कर सकते हैं, लेकिन कम रिज़ॉल्यूशन वाले उपकरणों पर यह अपठनीय हो जाता है। इस संबंध में, अभिविन्यास बदलते समय, हम बस लैंडस्केप मोड लेआउट में प्रदर्शित लाइनों text.setMaxLines (2) की संख्या को कम करते हैं, और फ़ॉन्ट आकार को अपरिवर्तित छोड़ देते हैं:

 android:maxLines="3" android:ellipsize="end" 

अंतिम संपत्ति लाइन के अंत में एक दीर्घवृत्त जोड़ती है।

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

यहाँ परिणाम है:



आप अंतिम आवेदन यहाँ डाउनलोड कर सकते हैं ।

आपका ध्यान के लिए धन्यवाद!