Android में कस्टम विस्तार योग्य सूची

इस लेख में मैं दो स्तरीय सूची - एक्सपेंडेबल लिस्ट व्यू के अनुकूलन के साथ काम करने का एक छोटा सा उदाहरण देना चाहता हूं।

आखिर क्या होना चाहिए



आइए शुरू करें, एक प्रोजेक्ट बनाएं और इस कोड को गतिविधि में जोड़ें

public class ExpActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //   list ExpandableListView listView = (ExpandableListView)findViewById(R.id.exListView); //     ArrayList<ArrayList<String>> groups = new ArrayList<ArrayList<String>>(); ArrayList<String> children1 = new ArrayList<String>(); ArrayList<String> children2 = new ArrayList<String>(); children1.add("Child_1"); children1.add("Child_2"); groups.add(children1); children2.add("Child_1"); children2.add("Child_2"); children2.add("Child_3"); groups.add(children2); //    context     ExpListAdapter adapter = new ExpListAdapter(getApplicationContext(), groups); listView.setAdapter(adapter); } } 

Main.xml ExpandableListView में जोड़ें

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ExpandableListView android:id="@+id/exListView" android:layout_width="match_parent" android:layout_height="match_parent" android:indicatorLeft="250dp" android:indicatorRight="300dp" /> </LinearLayout> 

अब एडेप्टर क्लास बनाएं

 public class ExpListAdapter extends BaseExpandableListAdapter { private ArrayList<ArrayList<String>> mGroups; private Context mContext; public ExpListAdapter (Context context,ArrayList<ArrayList<String>> groups){ mContext = context; mGroups = groups; } @Override public int getGroupCount() { return mGroups.size(); } @Override public int getChildrenCount(int groupPosition) { return mGroups.get(groupPosition).size(); } @Override public Object getGroup(int groupPosition) { return mGroups.get(groupPosition); } @Override public Object getChild(int groupPosition, int childPosition) { return mGroups.get(groupPosition).get(childPosition); } @Override public long getGroupId(int groupPosition) { return groupPosition; } @Override public long getChildId(int groupPosition, int childPosition) { return childPosition; } @Override public boolean hasStableIds() { return true; } @Override public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) { if (convertView == null) { LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = inflater.inflate(R.layout.group_view, null); } if (isExpanded){ // -,   Group  } else{ // -,   Group  } TextView textGroup = (TextView) convertView.findViewById(R.id.textGroup); textGroup.setText("Group " + Integer.toString(groupPosition)); return convertView; } @Override public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) { if (convertView == null) { LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = inflater.inflate(R.layout.child_view, null); } TextView textChild = (TextView) convertView.findViewById(R.id.textChild); textChild.setText(mGroups.get(groupPosition).get(childPosition)); Button button = (Button)convertView.findViewById(R.id.buttonChild); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(mContext,"button is pressed",5000).show(); } }); return convertView; } @Override public boolean isChildSelectable(int groupPosition, int childPosition) { return true; } } 

विधियों और मापदंडों के नाम काफी जानकारीपूर्ण हैं। GetGroupView और getChildView तरीके क्रमशः "माता-पिता" और "बच्चों" के लिए एक दृश्य लौटाते हैं। GetGroupView विधि में isExpanded पैरामीटर का उपयोग करके, आप, उदाहरण के लिए, विभिन्न परिस्थितियों में समूह पृष्ठभूमि बदल सकते हैं। LayoutInflater का उपयोग करके हम अपनी सूची के लिए कस्टम लेआउट का उपयोग करते हैं ।

group_view.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"> <TextView android:id="@+id/textGroup" android:layout_width="wrap_content" android:layout_height="50dp" android:layout_marginLeft="5dp" android:layout_marginTop="20dp" android:textColor="@android:color/white" android:textStyle="bold" /> </LinearLayout> 

child_view.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"> <TextView android:id="@+id/textChild" android:layout_width="wrap_content" android:layout_height="40dp" android:layout_marginLeft="20dp" android:layout_marginTop="20dp" android:textColor="@android:color/white" /> <Button android:id="@+id/buttonChild" android:layout_width="100dp" android:layout_height="40dp" android:layout_marginLeft="150dp" android:layout_marginTop="10dp" android:text="Button" android:focusable="false" /> </LinearLayout> 

Child_view.xml में एक बटन जोड़ा गया है , और एडेप्टर में getChildView मेथड से इसे क्लिक किया गया। उसी तरह, आप group_view.xml में बटन और अन्य तत्व जोड़ सकते हैं ।

सूची को श्रोताओं द्वारा "त्रिशंकु" भी कहा जा सकता है:

• OnChildClickListener - एक तत्व पर क्लिक करें
• OnGroupCollapseListener - एक समूह को कम से कम
• OnGroupExpandListener - समूह विस्तार
• OnGroupClickListener - एक समूह पर क्लिक करें

अब GroupIndicator पर विचार करें - एक समूह स्थिति संकेतक। इसकी स्थिति को मुख्य लेक्स में सेट किया गया है। सूचकलेफ्ट और इंडिकेटर मापदंडों के साथ क्रमशः बाएँ और दाएँ सीमाओं के साथ। डिफ़ॉल्ट रूप से, संकेतक बाईं ओर स्थित है, जो बहुत परिचित नहीं है। आप अपनी छवियों को भी स्थानापन्न कर सकते हैं, इसके लिए आपको इस कोड के साथ ड्रा करने योग्य फ़ोल्डर में संकेतक.एक्सएमएल बनाने की आवश्यकता है

 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_expanded="true" android:drawable="@drawable/imageOpen"> </item> <item android:state_empty="true" android:drawable="@drawable/imageClose"> </item> </selector> 

जहां छविओपन - समूह के खुले होने पर प्रदर्शित किया जाएगा, और imageClose - बंद हो जाएगा। Main.xml में आगे आपको हमारी एंड्रॉइड सूची के मापदंडों में एक पंक्ति जोड़ने की आवश्यकता है : groupIndicator = "@ drawable / सूचक" । छवियों को तैयार करते समय, आपको इस बात का ध्यान रखना होगा कि उन्हें group_view लेआउट की पूरी ऊंचाई तक फैलाया जाएगा। इसलिए यदि आपको कस्टम संकेतक आइकन की आवश्यकता है, तो कुछ छवियों का उपयोग करना और गेटवे विधि में उनकी उपस्थिति को नियंत्रित करना बेहतर है। यह लेख एडेप्टर के साथ अच्छी तरह से काम करने की बारीकियों का वर्णन करता है, और मैं ViewHolder वर्ग के उपयोग पर आपका ध्यान आकर्षित करना चाहता हूं।
खैर, मुझे उम्मीद है कि पोस्ट नौसिखिया डेवलपर्स की मदद करेगी।