दृश्य बदलें। इंटरफ़ेस का रूप बदलें

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



तो, हम यह LayoutInflater का उपयोग किया जाएगा एहसास। पैटर्न पृष्ठ पर उदाहरण पृष्ठ सूची दृश्य और ग्रिड दृश्य के साथ एक फ़ाइल प्रबंधक दिखाता है। यहां हम उनका उपयोग करते हैं। तदनुसार सूची। xml:

<ListView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/listLayout" android:layout_width="fill_parent" android:layout_height="fill_parent" > </ListView> 

और ग्रिड। xml (जिसमें हम गुरुत्वाकर्षण के लिए 4 कॉलम बनाएंगे और केंद्र में गुरुत्वाकर्षण सेट करेंगे):

 <GridView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gridLayout" android:layout_width="fill_parent" android:layout_height="fill_parent" android:numColumns="4" android:gravity="center" > </GridView> 

अरे हाँ, हम अपने जीवन को अधिकतम करने के लिए अपने व्यू के लिए अलग से ऑब्जेक्ट भी बनाते हैं। तो list_item.xml:

  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" /> <TextView android:id="@+id/textItem" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Medium Text" android:textAppearance="?android:attr/textAppearanceMedium" /> </LinearLayout> 

और grid_item.xml:

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <Button android:id="@+id/gridButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button" android:drawableTop="@drawable/ic_launcher" /> </LinearLayout> ic_launcher" /> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <Button android:id="@+id/gridButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button" android:drawableTop="@drawable/ic_launcher" /> </LinearLayout> 

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

 private void SavePreferences(String key, String value) { SharedPreferences sharedPreferences = getPreferences(MODE_PRIVATE); SharedPreferences.Editor editor = sharedPreferences.edit(); editor.putString(key, value); editor.commit(); } private String LoadPreferences(String key) { SharedPreferences sharedPreferences = getPreferences(MODE_PRIVATE); String loadedString = sharedPreferences.getString(key, "list"); return loadedString; } सूची"); private void SavePreferences(String key, String value) { SharedPreferences sharedPreferences = getPreferences(MODE_PRIVATE); SharedPreferences.Editor editor = sharedPreferences.edit(); editor.putString(key, value); editor.commit(); } private String LoadPreferences(String key) { SharedPreferences sharedPreferences = getPreferences(MODE_PRIVATE); String loadedString = sharedPreferences.getString(key, "list"); return loadedString; } 

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

  setContentView(R.layout.main); content = new String[] {"Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6", "Item 7", "Item 8", "Item 9", "Item 10"}; viewGroup = (ViewGroup) findViewById(R.id.mainLayout); list = getLayoutInflater().inflate(R.layout.list, null); grid = getLayoutInflater().inflate(R.layout.grid, null); if(LoadPreferences("VIEW").equalsIgnoreCase("list")) setList(); else setGrid(); 

अब बात करते हैं setList () और setGrid () की। हम बाद में गतिशील रूप से हमारे इंटरफ़ेस अद्यतन करेगा के रूप में, मैं इस के लिए अलग तरीकों बनाया:

 private void setList() { viewGroup.removeAllViews(); viewGroup.addView(list); ListView listView = (ListView) list.findViewById(R.id.listLayout); listView.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item, R.id.textItem, content)); } private void setGrid() { viewGroup.removeAllViews(); viewGroup.addView(grid); GridView gridview = (GridView) findViewById(R.id.gridLayout); gridview.setAdapter(new ArrayAdapter<String>(this, R.layout.grid_item, R.id.gridButton, content)); } 

वाह! आप एप्लिकेशन को चलाने का प्रयास कर सकते हैं! यह काम करता है! लेकिन यह अच्छा अब, स्विचर जोड़ने जिसके लिए, वास्तव में, लिखने लेख के लिए किया जाएगा। हम इसे मेनू के माध्यम से करते हैं, जिसे हार्डकी दबाए जाने पर कहा जाता है। यह मेनू। Xml जैसा दिखता है:

 <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/item" android:title="Change view"></item> </menu> 

और इसलिए हमारी गतिविधि में इसके काम के तरीके हैं (दोनों ही तरीके सही हैं, क्योंकि हम अपने इंटरफेस को परिभाषित करते हैं और अपने स्वयं के कार्यों को निर्धारित करते हैं)

  @Override public boolean onCreateOptionsMenu(Menu menu) { // TODO Auto-generated method stub MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.menu, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // TODO Auto-generated method stub if(LoadPreferences("VIEW").equalsIgnoreCase("list")) { setGrid(); SavePreferences("VIEW", "grid"); } else { setList(); SavePreferences("VIEW", "list"); } return true; } 

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