🙇🏼 🧛🏽 🎪 समर्थन लाइब्रेरी में स्लाइडिंगन्यू कनेक्ट करें और संभावित समस्याओं के आसपास काम करें 👩🏾‍🚀 👩‍🔧 🕵🏽

प्रस्तावना

हेलो, हेब्र!

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

मेरे लिए गुणवत्ता के उदाहरण VK, Forsquare और Instagram हैं। दरअसल, ActionBar और SlidingMenu का उपयोग करने के विचार तुरंत उनसे लिए गए थे। वेब साइटों (मेरे मुख्य व्यवसाय) के लेआउट / विकास और इंटरनेट एक्सप्लोरर में उनके अच्छे काम के साथ, यहां, मैंने पहली बार एंड्रॉइड के पुराने संस्करणों के साथ संगतता के बारे में सोचा, क्योंकि एक्शनबार केवल 3.0 के साथ समर्थित है। खोज के लिए धन्यवाद, मुझे जल्दी से एक समाधान मिला - संस्करण 2.1+ के लिए एक्शनबार ।

चलिए शुरू करते हैं

1. ग्रहण में एक नया प्रोजेक्ट बनाएं। यह कैसे किया जा सकता है हब्राब्र की खोज का उपयोग करके। न्यूनतम समर्थित संस्करण API 7. अधिमानतः, एक विषय के बिना (थीम: कोई नहीं)।
2. हम समर्थन लाइब्रेरी को कनेक्ट करते हैं, यह कैसे करें, ऊपर दिए गए लिंक पर लिखा गया है। यहाँ फिर से, बस मामले में। हम विषय लिखते हैं।
3. यह पहली समस्या है जिसका मुझे सामना करना पड़ा: 3.0 से नीचे एंड्रॉइड पर सब कुछ ठीक काम करता है। यह पता चला है कि ऊपर दिए गए लेख में एक बिंदु निर्दिष्ट नहीं किया गया है: विषय को Res / मान / स्टाइल / xml फ़ाइल में इनहेरिट करने का प्रस्ताव है, लेकिन यह सबसे सही विकल्प नहीं है। प्रोजेक्ट बनाते समय, ग्रहण एपीआई के विभिन्न संस्करणों के लिए तुरंत कई शैली की फाइलें बनाता है:

Res / मान / styles.xml - मानक शैली फ़ाइल;
Res / मान- v11 / styles.xml - एपीआई 11+ के लिए स्टाइलशीट;
और Res / मान- v14 / styles.xml - एपीआई 14+ के लिए स्टाइलशीट;

हम उपरोक्त फ़ाइलों में से पहले में ही विषय वारिस करते हैं, इसलिए यह केवल Android 3.0 (API11) तक ही काम करता है।
यह सभी फाइलों में या सीधे प्रोजेक्ट मेनिफेस्ट में थीम की विरासत द्वारा हल किया जाता है। ऐसा करने के लिए, AndroidManifest.xml पर जाएं और लाइनें ढूंढें:

<application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" >

जहाँ हम प्रतिस्थापित करते हैं:

 android:theme="@style/AppTheme"

पर:

 android:theme="@style/Theme.AppCompat.Light"

अगर कोई पंक्ति नहीं है android: विषय - इसे जोड़ें।
इस मामले में, यह याद रखने योग्य है कि किसी विषय को सीधे प्रकट करने के दौरान, आप अपनी रंग योजना का उपयोग नहीं कर सकते हैं, इसलिए मैं पहले विकल्प का उपयोग करने की सलाह देता हूं, प्रत्येक फ़ाइल में अलग से विरासत में मिला।

इस समस्या को 2 दिन लगे, जिसका समाधान पूरी तरह से अलग विषय पर जानकारी खोजते समय मिला।

भागो, जांच करो। सब कुछ काम करता है।

कनेक्ट स्लाइडिंगमेनू

इस तरह के मेनू की खोज की प्रक्रिया में, मैं तुरंत दराज में आ गया। हालाँकि, मुझे कुछ कारणों से इसकी आवश्यकता नहीं थी, जिसका मैं यहाँ वर्णन नहीं करूँगा।
चुनाव फिसल गया। लाइब्रेरी पूरी तरह से मुफ्त है और GitHub पर उपलब्ध है ।

1. सभी फ़ाइलों को डाउनलोड करें और ग्रहण से कनेक्ट करना शुरू करें: इसके लिए, मौजूदा कोड से फ़ाइल → नई → अन्य → एंड्रॉइड प्रोजेक्ट पर जाएं , खुलने वाली खिड़की में, पहले डाउनलोड किए गए स्लाइडिंगमेनू के लाइब्रेरी फ़ोल्डर के लिए पथ निर्दिष्ट करें। फ़ाइलों की प्रतिलिपि बनाने के बाद, ठीक पर क्लिक करें। पुस्तकालय जुड़ा हुआ है।
2. हम इसे पहले बनाई गई हमारी परियोजना से जोड़ते हैं। कनेक्शन प्रक्रिया को दोहराएं समर्थन Lirary, लेकिन इस बार "लाइब्रेरी" चुनें।
3. और यहाँ दूसरी समस्या है - कंसोल दो फ़ाइलों के संघर्ष की रिपोर्ट करता है android-support-v4.jar । यह पता चला कि यह फ़ाइल छोटी है, जो परियोजना में ही निहित है, इसलिए समर्थन लाइब्रेरी और स्लाइडिंगमेनू भी जुड़े हुए हैं। समाधान सरल निकला, यह StackOverflow.com पर पाया गया: हम इस फाइल को स्लाइडिंगमेनू लाइब्रेरी से और हमारे प्रोजेक्ट से (दोनों इसे "lib" फ़ोल्डर में) हटाते हैं।
अब एक नई समस्या उत्पन्न हो गई है - स्लाइडिंगमेनू पुस्तकालय में बहुत सारी त्रुटियां हैं। यह एक फ़ाइल की कमी के कारण है जिसे हमने हटा दिया है। StackOverflow पर इसके लिए वर्कअराउंड भी पाया गया था: हम अपने प्रोजेक्ट से सपोर्ट लिब लाइब्रेरी को डिस्कनेक्ट करते हैं और इसे कनेक्ट करते हैं, लेकिन स्लाइडिंगमेनू लाइब्रेरी को। इस स्थिति में, तीनों के लिए आवश्यक फ़ाइल सबसे पहले स्लाइडिंगमेनू लाइब्रेरी से जुड़ी होगी, और स्लाइडिंगमेनू, इसकी कार्यक्षमता के साथ, हमारी परियोजना के लिए सपोर्ट लिब को भी जोड़ेगा।

टिप्पणियों में, समस्या को अधिक तकनीकी भाषा में वर्णित किया गया था और एक सरल समाधान का सुझाव दिया गया था: "आपको स्लाइडिंगमेनू में समर्थन पुस्तकालय के पुराने संस्करण के साथ समस्या थी और कंसोल में गिरने वाले विभिन्न हैश रकम के बारे में एक संदेश, यह मुख्य परियोजना से काम की प्रतिलिपि बनाने और इसे छोड़ने के लिए पर्याप्त था। स्लाइडिंगमेनू पर। ”

इस समस्या को हल करने में 3 दिन लगे (हां, मुझे अपना जीवन खराब करना पसंद है), सिर्फ इसलिए कि मैंने कंसोल में त्रुटियों पर ध्यान नहीं दिया।
यह मुश्किल है, लेकिन अगर आप इन बारीकियों को समझते हैं, तो सब कुछ काफी स्पष्ट और तार्किक हो जाता है।
लाल शर्मिंदगी से बचने के लिए, हम कंसोल को साफ करते हैं।

उपरोक्त सभी के बाद, MainActivity.java पर जाएं और onCreate () विधि से पहले एक चर घोषित करें:

 private SlidingMenu menu;

इसके बाद, मेनू इनिशियलाइज़र को सीधे onCreate में जोड़ें:

 menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowDrawable(R.drawable.slidemenu_shadowgradient); menu.setShadowWidth(15); menu.setFadeDegree(0.0f); menu.attachToActivity(this, SlidingMenu.SLIDING_WINDOW); menu.setBehindWidth(200); menu.setMenu(R.layout.menu_frame);

जैसा कि आप कोड में देख सकते हैं, छाया ( menu.setShadowDrawable (R.drawable। Slidemenu_shadowgradient ) ) के साथ फ़ाइल का पथ और, वास्तव में, मेनू स्वयं (मेनू .setMenu (R.layout। Menu_frame ) ) संकेत दिए गए हैं । इन फ़ाइलों को बनाना होगा। नीचे दिए गए स्पॉइलर के नीचे सभी स्रोतों के उदाहरण।

स्रोत कोड

MainActivity.java

 import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends ActionBarActivity { private SlidingMenu menu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowDrawable(R.drawable.aslidingmenu_shadowgradient); menu.setShadowWidth(15); menu.setFadeDegree(0.0f); menu.attachToActivity(this, SlidingMenu.SLIDING_WINDOW); menu.setBehindWidth(200); menu.setMenu(R.layout.menu_frame); } }

रेस / ड्रॉएबल / स्लाइडिंगमेनू_शेडोवग्रेडिएंटएक्सएक्सएमएल

 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <gradient android:endColor="@color/purple_dark" android:startColor="@color/back" /> </shape> </item> </selector>

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

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@color/back"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_1" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_2" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_3" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_4" android:textAppearance="?android:attr/textAppearanceLarge" /> </LinearLayout>

Res / मान / स्ट्रिंग्स। xml

 <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">SlideMenu Demo</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <color name="back">#3d4140</color> <color name="purple_light">#ffffff</color> <color name="purple_dark">#353838</color> <string name="menu_1">Menu 1</string> <string name="menu_2">Menu 2</string> <string name="menu_3">Menu 3</string> <string name="menu_4">Menu 4</string> </resources>

कार्यक्षमता जोड़ें

ऊपर वर्णित सभी निश्चित रूप से अच्छा है, लेकिन कुछ विवरणों की कमी है। उदाहरण के लिए, वीके एप्लिकेशन का उपयोग करते हुए, आपको अक्सर साइड मेनू (स्लाइडिंगमेनू) का सहारा लेना पड़ता है। मैं इसे स्क्रीन पर उंगली की गति से आगे बढ़ाता हूं, लेकिन इसे खोलने के कई अलग-अलग तरीके हैं।

एक्शनबार में आइकन

क्रिया पट्टी में बटन-आइकन के लिए कार्यक्षमता जोड़ने के लिए, हम निम्नलिखित कोड का उपयोग करते हैं, जिसे MainActivity.java में कहीं भी रखा गया है:

 @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { //  ID   case android.R.id.home: //   - ActionBar, menu.toggle(true); //   ( ) return true; } return super.onOptionsItemSelected(item); }

OnCreate के अंत में (), जोड़ें:

 getSupportActionBar().setDisplayShowCustomEnabled(true); getSupportActionBar().setDisplayHomeAsUpEnabled(true);

अन्य बातों के अलावा, अंतिम कोड आइकन में एक सुंदर तीर जोड़ता है।

"बैक" बटन दबाकर मेनू को बंद करना

यहां सब कुछ सरल है, मेनू खुला है, लेकिन जब आप "बैक" पर क्लिक करते हैं तो एप्लिकेशन बंद हो जाता है, मेनू नहीं। हम इसे निम्नलिखित कोड के साथ ठीक करते हैं:

 public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { //    "" if(menu.isMenuShowing()){ //   SlidingMenu  menu.toggle(true); //   return false; } } return super.onKeyDown(keyCode, event); }

टिप्पणियों ने onBackPressed () का उपयोग करने का सुझाव दिया

पूर्ण कोड MainActivity.java

 import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.KeyEvent; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends ActionBarActivity { private SlidingMenu menu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowDrawable(R.drawable.actionbar_gradient); menu.setShadowWidth(15); menu.setFadeDegree(0.0f); menu.attachToActivity(this, SlidingMenu.SLIDING_WINDOW); menu.setBehindWidth(200); menu.setMenu(R.layout.menu_frame); getSupportActionBar().setDisplayShowCustomEnabled(true); getSupportActionBar().setDisplayHomeAsUpEnabled(true); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case android.R.id.home: menu.toggle(true); return true; } return super.onOptionsItemSelected(item); } public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { if(menu.isMenuShowing()){ menu.toggle(true); return false; } } return super.onKeyDown(keyCode, event); } }

परिणाम:

(दुर्भाग्य से, यह स्क्रीन पूरी तरह से HabraStorage पर लोड नहीं हुई, मुझे थर्ड-पार्टी इमेज होस्टिंग का उपयोग करना पड़ा)।

निष्कर्ष में

मैं एक तार्किक प्रश्न का उत्तर दूंगा जो पाठक से उत्पन्न हो सकता है: "एक्शनबेर शर्लक क्यों नहीं" (यदि आप निश्चित रूप से जानते हैं कि यह क्या है)?
उत्तर सरल है: मुझे काम की शुरुआत में इसके अस्तित्व के बारे में नहीं पता था। जब स्लाइडिंगमेनू शुरू हुआ, तो मुझे सुझाए गए शर्लक के बारे में पता चला, लेकिन समर्थन लीब को बदलने की कोई इच्छा नहीं थी और इसके लिए आधा कोड था।

जैसा कि यह निकला, एंड्रॉइड के लिए प्रोग्रामिंग शुरू करना इतना आसान नहीं है, यह देखते हुए कि आधी समस्याएं इस प्लेटफॉर्म के साथ बिल्कुल भी नहीं जुड़ी हैं, लेकिन इसके लिए टूल के साथ।
लेकिन, जैसा कि मैंने ऊपर कहा था, आपको बस थोड़ा सा पता लगाने की जरूरत है और फिर सब कुछ बहुत स्पष्ट हो जाता है।

अंत तक पढ़े तो धन्यवाद।

PS यदि आपके पास कोड की गुणवत्ता या पाठ की गुणवत्ता पर टिप्पणियां हैं - व्यक्त करें, लेकिन मत भूलो, कृपया, कि सब कुछ एक ही शुरुआत से शुरुआती के लिए डिज़ाइन किया गया है।

UPD: टिप्पणियों से जोड़े गए।

समर्थन लाइब्रेरी में स्लाइडिंगन्यू कनेक्ट करें और संभावित समस्याओं के आसपास काम करें