समर्थन लाइब्रेरी के साथ Android 2.1+ पर ActionBar। भाग 2 - नेविगेशन

हेलो, हेब्र!

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

नेविगेशन के तरीके

ActionBar में 3 नेविगेशन विधियाँ हैं:
NAVIGATION_MODE_STANDART - अनिवार्य रूप से नेविगेशन बिल्कुल नहीं, बस तत्वों के साथ एक ActionBar;
NAVIGATION_MODE_LIST - हेडर के बजाय ड्रॉप-डाउन सूची;
NAVIGATION_MODE_TABS - ActionBar के अंतर्गत टैब।

ड्रॉप डाउन सूची

चलो कुछ भी नहीं बनाते हैं, लेकिन पिछले लेख से परियोजना लेते हैं। चलो एक नया वर्ग बनाते हैं - स्क्रीनफ्रैगमेंट , यह एप्लिकेशन के विभिन्न स्क्रीन का एक एनालॉग होगा:

import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; public class ScreenFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { TextView tv = new TextView(getActivity()); tv.setText("Screen " + getArguments().getInt(MainActivity.key_screen_number)); tv.setTextSize(30); return tv; } } 

मैंने एक अलग xml मार्कअप फ़ाइल नहीं बनाई, यह विशेष रूप से यहाँ की आवश्यकता नहीं है। हम तर्कों से स्क्रीन नंबर लेते हैं और इसे प्रोग्रामेटिक रूप से बनाए गए TextView में पेस्ट करते हैं, जिसे हम फिर दिखाते हैं।
OnCreate () विधि के लिए कोड बदलें और MainActivity में एक और जोड़ें:

  public static final String key_screen_number = "key_screen_number"; ActionBar ab; FragmentTransaction ft; ScreenFragment screen_fragment; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ab = getSupportActionBar(); ab.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST); String[] screens = new String[] {"Screen 1", "Screen 2", "Screen 3"}; ArrayAdapter<String> sp_adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, screens); sp_adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); ab.setListNavigationCallbacks(sp_adapter, this); selected_list_item_position = -1; ab.setSelectedNavigationItem(0); } public boolean onNavigationItemSelected(int position, long id) { ft = getSupportFragmentManager().beginTransaction(); screen_fragment = new ScreenFragment(); Bundle args = new Bundle(); args.putInt(key_screen_number, position + 1); screen_fragment.setArguments(args); ft.replace(android.support.v7.appcompat.R.id.action_bar_activity_content, screen_fragment); ft.commit(); return true; } 

OnCreate में, हम ActionBar को बताते हैं कि हम नेविगेशन विधि - सूची का उपयोग करेंगे, और इसके लिए एडेप्टर तैयार करेंगे, और ईवेंट हैंडलर भी असाइन करेंगे। इसकी एक ही विधि है - onNavigationItemSelected (int position, long id) । यह तब कहा जाता है जब उपयोगकर्ता ड्रॉप-डाउन सूची में किसी आइटम का चयन करता है। यहां हम एक नया ScreenFragment बनाते हैं और इसे स्क्रीन नंबर देते हैं ताकि वह इसे दिखा सके। फिर हम FragmentTransaction शुरू करते हैं और इस टुकड़े को id = android.support.v7.appcompat.R.id.action_bar_activity_content के साथ View में जोड़ते हैं। यह फ़्रेमलैटआउट है, जहां सेटकॉन्टेंट व्यू () से हमारा लेआउट जोड़ा जाता है। हम एप्लिकेशन लॉन्च करते हैं और विभिन्न स्क्रीन का चयन करते हैं:







ड्रॉप-डाउन सूची के तत्वों के लिए एक मार्कअप के रूप में, मैं सिस्टम लेआउट का उपयोग करता हूं, लेकिन यह बहुत अच्छा नहीं लगता है। इसलिए, अपना खुद का उपयोग करना बेहतर है। Adapter.setDropDownViewResource () विधि इसे जोड़ने के लिए ज़िम्मेदार है।

टैब

टैब को नेविगेट करने के तरीके को बदलने के लिए, मुख्यता को मोड़ें :

  public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ab = getSupportActionBar(); ab.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); Tab tab = ab.newTab(); tab.setText("Screen 1"); tab.setTabListener(this); ab.addTab(tab, 0, true); tab = ab.newTab(); tab.setText("Screen 2"); tab.setTabListener(this); ab.addTab(tab, 1, false); tab = ab.newTab(); tab.setText("Screen 3"); tab.setTabListener(this); ab.addTab(tab, 2, false); } 

तुम भी MainActivity करने की जरूरत है ... औजार ... TabListener । यह एक टैब क्लिक हैंडलर है। उसके पास 3 तरीके हैं:
onTabUnselected (टैब टैब, FragmentTransaction ft) - जब मौजूदा टैब बंद हो जाता है;
onTabSelected (टैब टैब, FragmentTransaction ft) - जब एक नया टैब खोला जाता है, तब कॉल किया जाता है (पिछले एक के तुरंत बाद काम करता है);
onTabReselected (टैब टैब, FragmentTransaction ft) - जब उपयोगकर्ता पहले से खुले टैब पर क्लिक करता है:

  public void onTabUnselected(Tab tab, FragmentTransaction ft) { } public void onTabSelected(Tab tab, FragmentTransaction ft) { screen_fragment = new ScreenFragment(); Bundle args = new Bundle(); args.putInt(key_screen_number, tab.getPosition() + 1); screen_fragment.setArguments(args); ft.replace(android.support.v7.appcompat.R.id.action_bar_activity_content, screen_fragment); } public void onTabReselected(Tab tab, FragmentTransaction ft) { } 

यहाँ हमें अब FragmentTransaction बनाने की आवश्यकता नहीं है, यह हमें शुरू में दिया गया है (यह माना जाता है कि हम टुकड़ों के साथ काम करेंगे)। लेकिन इस FragmentTransaction के लिए, आप addToBackStack () और कमिट () तरीके नहीं कह सकते। हमारे पास एक दबाया हुआ टैब भी है जिसमें से हम अपनी ज़रूरत की हर चीज़ खींच सकते हैं - टेक्स्ट, आइकन, पोज़िशन, आदि
यदि आप सिस्टम आपको सूट नहीं करता है, तो आप अपने दृश्य को टैब असाइन कर सकते हैं - setCustomView (int layoutResId)
एप्लिकेशन लॉन्च करें, टैब पर क्लिक करें:





वैसे, यदि बहुत सारे टैब हैं, तो उनके हेडर को क्षैतिज रूप से स्क्रॉल किया जा सकता है (जैसा कि Google Play में), लेकिन हेडर्स के नीचे स्वाइप काम नहीं करता है।

"ड्रॉप-डाउन सूची" के अलावा

सबसे अधिक संभावना है, जब आप पहले से ही चयनित नेविगेशन आइटम पर क्लिक करते हैं, तो स्क्रीन पर कुछ भी बदलने की आवश्यकता नहीं है। खैर, टैब के साथ, सब कुछ स्पष्ट है - onTabReselected () विधि को स्पर्श न करें और यही वह है। लेकिन सूची के बारे में क्या? सब कुछ बहुत सरल है: MainActivity के लिए एक चर जोड़ें

 private int selected_list_item_position; 

और कोड को बदलें OnNavigationItemSelected (int स्थिति, लंबी आईडी) :

  public boolean onNavigationItemSelected(int position, long id) { if (position != selected_list_item_position) { ft = getSupportFragmentManager().beginTransaction(); screen_fragment = new ScreenFragment(); Bundle args = new Bundle(); args.putInt(key_screen_number, position + 1); screen_fragment.setArguments(args); ft.replace(android.support.v7.appcompat.R.id.action_bar_activity_content, screen_fragment); ft.commit(); selected_list_item_position = position; return true; } return false; } 

अब एक नई स्क्रीन तभी खुलेगी जब आप एक खुले नेविगेशन आइटम का चयन करेंगे।

मेन्यू

विभिन्न टैब में आमतौर पर अलग सामग्री होती है, और इसके लिए मेनू अलग होना चाहिए। Google के लोगों ने यह अवसर बनाया। अगला, मैं टैब के उदाहरण पर सब कुछ दिखाऊंगा। निम्न कोड को ScreenFragment में जोड़ें:

  public static final String key_menu_resource = "key_menu_resource"; @Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { super.onCreateOptionsMenu(menu, inflater); inflater.inflate(getArguments().getInt(key_menu_resource), menu); } @Override public boolean onOptionsItemSelected(MenuItem item) { super.onOptionsItemSelected(item); Log.d("MENU", "Cliced MenuItem is " + item.getTitle() + " (from ScreenFragment)"); return true; } 

रेस / मेनू / फ़ोल्डर में तीन फाइलें बनाएं:

screen_1.xml :

 <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/item1" android:title="Item 1" android:icon="@android:drawable/ic_menu_add"/> <item android:id="@+id/settings" android:title="Settings" android:icon="@android:drawable/ic_menu_edit"/> </menu> 

screen_2.xml :

 <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/item2" android:title="Item 2" android:icon="@android:drawable/ic_menu_camera"/> <item android:id="@+id/settings" android:title="Settings" android:icon="@android:drawable/ic_menu_edit"/> </menu> 

screen_3.xml :

 <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/item3" android:title="Item 3" android:icon="@android:drawable/ic_menu_call" /> </menu> 

OnTabSelected () बदलें:

  private int[] menu_resources = new int[] {R.menu.screen_1, R.menu.screen_2, R.menu.screen_3}; public void onTabSelected(Tab tab, FragmentTransaction ft) { screen_fragment = new ScreenFragment(); Bundle args = new Bundle(); args.putInt(key_screen_number, tab.getPosition() + 1); args.putInt(ScreenFragment.key_menu_resource, menu_resources[tab.getPosition()]); screen_fragment.setArguments(args); screen_fragment.setHasOptionsMenu(true); ft.replace(android.support.v7.appcompat.R.id.action_bar_activity_content, screen_fragment); } 

अब हमें onCreateOptionsMenu विधि को हटाना (या बेहतर टिप्पणी करना) चाहिए - यह केवल हमारे साथ हस्तक्षेप करेगा। और मेनऑक्टिविटी में onOptionsItemSelected () को भी ट्वीक किया गया है:

  @Override public boolean onOptionsItemSelected(MenuItem item) { if (item.getItemId() != R.id.settings) { return false; } else { Log.d("MENU", "Cliced MenuItem is " + item.getTitle() + " (from MainActivity)"); return true; } } 

अब मैं समझाता हूँ कि मैंने यहाँ क्या किया। तथ्य यह है कि आप एक टुकड़े में एक मेनू भी बना सकते हैं। इसे दृश्यमान बनाने के लिए, आपको Fragment.setHasOptionsMenu (सही) विधि को कॉल करने की आवश्यकता है। अगर हम एक्टिविटी में नहीं, बल्कि एक मेन्यू में मेन्यू बनाते हैं, तो onOptionsItemSelected () पद्धति को पहले MainActivity कहा जाता है, और उसके बाद ही ScreenFragment में यदि एक्टिविटी में गलत रिटर्न दिया जाता है। यहां इसके बजाय अगर प्रत्येक मामले के अंत में एक स्विच / केस होना चाहिए - सच लौटें; इसका मतलब है कि हमने पहले ही क्लिक को संसाधित कर दिया है और टुकड़े में onOptionsItemSelected को कॉल करने की आवश्यकता नहीं है। उदाहरण के लिए, प्रत्येक टैब पर एक मेनू आइटम "सेटिंग्स" है। प्रत्येक टुकड़े में कोड टाइप न करने के लिए, जब हम इस आइटम पर क्लिक करते हैं तो हम वापस लौट आते हैं । तब onOptionsItemSelected () को केवल गतिविधि में कहा जाता है, जहां हम एक नया SettingsActivity खोल सकते हैं, उदाहरण के लिए। यदि आप प्रोग्राम चलाते हैं और विभिन्न टैब पर डिवाइस पर "मेनू" बटन दबाते हैं, तो विभिन्न तत्व दिखाए जाएंगे।
जब आप लॉग में मेनू आइटम पर क्लिक करते हैं, तो न केवल उनका नाम होगा, बल्कि यह भी कि किस कक्षा में क्लिक संसाधित किए गए थे। वैकल्पिक रूप से, आप इस सेटिंग तत्व के साथ Res / मेनू / फ़ोल्डर में एक अलग xml फ़ाइल बना सकते हैं, और onCreateOptionsMenu () विधि में MainActivity इस फ़ाइल से एक मेनू बना सकते हैं। फिर 2 मेनू ऐसे हैं जैसे कि एकजुट हों, और दोनों के बिंदु दिखाई देंगे।

राज्य संरक्षण

अक्सर ऐसा होता है कि टैब के बीच स्विच करते समय, उन पर सामग्री की स्थिति को संरक्षित किया जाना चाहिए। इसके लिए, टुकड़ों में एक विशेष विधि होती है - सेटट्रैनइनस्टेंस (बूलियन रिटेन) । यदि आप इसे पैरामीटर में सच करते हैं, तो टुकड़े को फिर से बनाया नहीं जाएगा। इसे सत्यापित करने के लिए, हम MainActivity में onTabSelected () विधि को फिर से लिखते हैं :

  private int[] menu_resources = new int[] {R.menu.screen_1, R.menu.screen_2, R.menu.screen_3}; private ScreenFragment[] screens = new ScreenFragment[] {new ScreenFragment(), new ScreenFragment(), new ScreenFragment()}; public void onTabSelected(Tab tab, FragmentTransaction ft) { screen_fragment = screens[tab.getPosition()]; Bundle args = new Bundle(); args.putInt(key_screen_number, tab.getPosition() + 1); args.putInt(ScreenFragment.key_menu_resource, menu_resources[tab.getPosition()]); screen_fragment.setArguments(args); screen_fragment.setHasOptionsMenu(true); screen_fragment.setRetainInstance(true); ft.replace(android.support.v7.appcompat.R.id.action_bar_activity_content, screen_fragment); } 

अंतभाषण

खैर, यह मूल रूप से मैं कहना चाहता था। लेख बड़ा निकला, लेकिन, उम्मीद है, उपयोगी)

भाग 1 - एक परियोजना के लिए एक समर्थन पुस्तकालय जोड़ना, सरल उदाहरण, खोज
भाग 3 - उन्नत सुविधाएँ