Android: इंटरफ़ेस का अनुकूलन करने के लिए टुकड़ों का उपयोग करना

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

Fragments के बारे में और अधिक जानकारी यहाँ मिल सकती है:
टुकड़े। Android डेवलपर

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



हम FragmentActivity वर्ग लिखेंगे, यह इसके साथ है कि आवेदन शुरू होता है:

public class FragmentActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.fragment); } } 

इसके बाद, स्क्रीन के ऊर्ध्वाधर और क्षैतिज अभिविन्यास के लिए टुकड़ा। xml फ़ाइल में एक लेआउट बनाएं, जिसका उपयोग FragmentActivity वर्ग में किया जाता है। क्षैतिज अभिविन्यास के लिए, हम दो टुकड़ों को परिभाषित करते हैं, प्रत्येक डिवाइस की स्क्रीन की आधी चौड़ाई पर कब्जा कर लेंगे। क्षैतिज स्क्रीन अभिविन्यास के लिए /res/layout-land/fragment.xml फ़ाइल की सामग्री:

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <fragment class="com.example.hellopeacefullworld.FragmentList" android:id="@+id/fragment_list" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="match_parent" > </fragment> <fragment class="com.example.hellopeacefullworld.FragmentDetail" android:id="@+id/fragment_detail" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="match_parent" > </fragment> </LinearLayout> 

स्क्रीन के वर्टिकल (पोर्ट्रेट) ओरिएंटेशन के लिए /res/layout/fragment.xml फ़ाइल की सामग्री:

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <fragment class="com.example.hellopeacefullworld.FragmentList" android:id="@+id/fragment_list" android:layout_width="match_parent" android:layout_height="match_parent" > </fragment> </LinearLayout> 

हम गतिविधि के लिए लेआउट फ़ाइल /res/layout/fragment_detail_activity.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" > <fragment class="com.example.hellopeacefullworld.FragmentDetail" android:id="@+id/fragment_detail" android:layout_width="match_parent" android:layout_height="match_parent" > </fragment> </LinearLayout> 

गतिविधि वर्ग ही। इसमें हम एक्स्ट्रा के माध्यम से प्राप्त लिंक को पढ़ते हैं और वेब पेज में वेब पेज की सामग्री को प्रदर्शित करते हैं। इस गतिविधि को ऊर्ध्वाधर अभिविन्यास में कहा जाता है:

 public class FragmentDetailActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.fragment_detail_activity); Bundle extras = getIntent().getExtras(); String s = extras.getString("selectedValue"); WebView viewer = (WebView) findViewById(R.id.webView1); viewer.loadUrl(s); } } 

FragmentList वर्ग सबसे अधिक स्वैच्छिक है, लेकिन इसे लागू करना मुश्किल नहीं है। OnListItemClick फ़ंक्शन में, हम एक WebView के साथ एक FragmentDetail की उपस्थिति की जांच करते हैं। यदि ऐसा कोई टुकड़ा मौजूद है, तो उसके फ़ंक्शन को कॉल करें GoToLink (स्ट्रिंग लिंक), जो वेब पेज को लोड करता है। अन्यथा, यदि टुकड़ा मौजूद नहीं है, तो FragmentDetailActivity को कहा जाता है, जिससे लिंक को एक्स्ट्रा के माध्यम से पारित किया जाता है।

 public class FragmentList extends ListFragment { @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); String[] values = new String[] { "http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/80s-phone-app-slicing/", "http://mobile.tutsplus.com/tutorials/corona/create-a-brick-breaker-game-with-the-corona-sdk-game-controls/", "http://mobile.tutsplus.com/articles/news/best-of-tuts-in-february-2011/"}; ArrayAdapter adapter = new ArrayAdapter(getActivity(), android.R.layout.simple_list_item_1, values); setListAdapter(adapter); } @Override public void onListItemClick(ListView l, View v, int position, long id) { String item = (String) getListAdapter().getItem(position); FragmentDetail fragment = (FragmentDetail)getFragmentManager().findFragmentById(R.id.fragment_detail); if (fragment != null && fragment.isInLayout()) { fragment.goToLink(item); } else { Intent intent = new Intent(getActivity().getApplicationContext(), FragmentDetailActivity.class); intent.putExtra("selectedValue", item); startActivity(intent); } } } 

हम FragmentDetail वर्ग का वर्णन करते हैं; यह एक वेब पेज में एक वेब पेज की सामग्री को प्रदर्शित करने का काम करेगा। विशेष रूप से, फ़ंक्शन goToLink (स्ट्रिंग लिंक) मैपिंग में शामिल है, इसे FragmentLink वर्ग में कहा जाता है।

 public class FragmentDetail extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_detail, container, false); return view; } public void goToLink(String item){ WebView viewer = (WebView)getView().findViewById(R.id.webView1); viewer.loadUrl(item); } } 

फ़ाइल का टुकड़ा_डिटेल। 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" > <WebView android:id="@+id/webView1" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> 

खैर, यह सब है। अब हमारे एप्लिकेशन को चलाएं। कार्य का परिणाम निम्नानुसार होना चाहिए:




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

अद्यतन 1:
उपयोगी टिप्पणी के लिए उपयोगकर्ता vtimashkov के लिए धन्यवाद, जो लेख पर पहली टिप्पणी में है। नीचे वह कोड है जो इस समस्या को हल करता है।

तो, पहले, AndroidManifest फ़ाइल में निम्नलिखित परिवर्तन करें:

 <activity android:name=".FragmentDetailActivity" android:configChanges="orientation|screenSize|keyboardHidden"></activity> 

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

 public class FragmentDetailActivity extends Activity { String currentLink; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.fragment_detail_activity); Bundle extras = getIntent().getExtras(); currentLink = extras.getString("selectedValue"); WebView viewer = (WebView) findViewById(R.id.webView1); viewer.loadUrl(currentLink); } @Override public void onConfigurationChanged(Configuration newConfig) { super.onConfigurationChanged(newConfig); if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) { Intent intent = new Intent(this, FragmentActivity.class); intent.putExtra("selectedValue", currentLink); startActivity(intent); } } } 

और अंत में, हमारी FragmentActivity। पहले हम जांचते हैं कि हमें एक्स्ट्रा में लिंक मिला या नहीं। यदि हां, तो इसका मतलब है कि हमने FragmentDetailActivity की क्षैतिज मोड में स्विच कर लिया है और अब वेब पेज की सामग्री को इसमें प्रदर्शित करते हैं।

 public class FragmentActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.fragment); FragmentDetail fragment = (FragmentDetail)getFragmentManager().findFragmentById(R.id.fragment_detail); Bundle extras = getIntent().getExtras(); if(extras != null){ String link = extras.getString("selectedValue"); if(link !=null && fragment != null && fragment.isInLayout()){ fragment.goToLink(link); } } } }