Android अनुभाग सूची

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


मुझे सूची शीर्षलेखों को लागू करने के दो तरीकों के बारे में पता है:

• प्रत्येक सूची आइटम के लेआउट में एक शीर्षक होता है, जिसकी दृश्यता इस स्थिति से निर्धारित होगी "क्या यह तत्व अनुभाग में पहला है?"
• अलग से, सूची के लिए शीर्षक लगाया जाता है, और एडाप्टर # getView पद्धति में, एक विकल्प है: "हेडर" प्रकार का एक तत्व बनाएं, या "साधारण स्ट्रिंग" के एक तत्व का निर्माण करें

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

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

आधार लाइनर सूची लाइन के प्रकार को निर्धारित करने की जिम्मेदारी लेता है, बदले में अपने उत्तराधिकारियों को हेडर और डेटा लाइन बनाने में सक्षम होने के लिए कहता है:

protected abstract int getSectionsCount( ); protected abstract int getRowsCountInSection( int section ); protected abstract View getHeaderView( int section, View convertView, ViewGroup parent, LayoutInflater inflater ); protected abstract View getItemView( int section, int row, View convertView, ViewGroup parent, LayoutInflater inflater ); 

इसके अलावा, जब सूची में डेटा बदलते हैं (जब InformDataSetChanged कहा जाता है), हम सूची में कुल पंक्तियों की संख्या पर विचार करते हैं, प्रत्येक अनुभाग में तत्वों की संख्या को कैश करते हैं, विभिन्न प्रकार की सूची लाइनों की संख्या और इन प्रकारों के संबंधों के बारे में बताते हैं:

  private void setupAdapter( ) { int sectionsCount = getSectionsCount(); _rowsCountsInSections = new int [sectionsCount]; _viewTypes = new int [sectionsCount]; _totalRowsCount = sectionsCount; Set<Integer> viewTypesSet = new HashSet<Integer>(); for (int i = 0; i < sectionsCount; i++) { _rowsCountsInSections[i] = getRowsCountInSection(i); _totalRowsCount += _rowsCountsInSections[i]; _viewTypes[i] = getViewTypeForSection(i); viewTypesSet.add(_viewTypes[i]); } viewTypesSet.add(VIEW_TYPE_HEADER); _viewTypesCount = viewTypesSet.size(); } 

एकत्रित जानकारी के आधार पर, हम आसानी से चुन सकते हैं कि हमें getView में क्या बनाना है:

  @Override final public View getView( int position, View convertView, ViewGroup parent ) { int section = getItemSection(position); if (isItemHeader(position)) return getHeaderView(section, convertView, parent, _inflater); int rowInSection = getItemRowInSection(position); return getItemView(section, rowInSection, convertView, parent, _inflater); } 

निर्धारित करें कि क्या लाइन हेडर या सेक्शन एलीमेंट है, जैसे:

  private boolean isItemHeader( int position ) { int sum = 0; for (int i = 0; i < _rowsCountsInSections.length && sum <= position; i++) { if (sum == position) return true; sum += _rowsCountsInSections[i] + 1; } return false; } private int getItemSection( int position ) { int sum = 0; int section = 0; while (sum <= position && section < _rowsCountsInSections.length) sum += _rowsCountsInSections[section++] + 1; return section - 1; } private int getItemRowInSection( int position ) { int section = getItemSection(position); int sum = 0; for (int i = 0; i < section; i++) sum += _rowsCountsInSections[i] + 1; return position - sum - 1; } 

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

 abstract public class BaseSectionedListAdapter extends BaseAdapter { private static int VIEW_TYPE_HEADER = 0; protected static int VIEW_TYPE_DATA = 1; final private LayoutInflater _inflater; private int _totalRowsCount = -1; private int [] _rowsCountsInSections; private int [] _viewTypes; private int _viewTypesCount; public BaseSectionedListAdapter( Context context ) { _inflater = LayoutInflater.from(context); } @Override final public int getCount( ) { if (_totalRowsCount == -1) setupAdapter(); return _totalRowsCount; } @Override final public Object getItem( int position ) { return null; } @Override final public long getItemId( int position ) { return position; } @Override final public View getView( int position, View convertView, ViewGroup parent ) { int section = getItemSection(position); if (isItemHeader(position)) return getHeaderView(section, convertView, parent, _inflater); int rowInSection = getItemRowInSection(position); return getItemView(section, rowInSection, convertView, parent, _inflater); } @Override public int getItemViewType( int position ) { if (isItemHeader(position)) return VIEW_TYPE_HEADER; int section = getItemSection(position); return _viewTypes[section]; } @Override public int getViewTypeCount( ) { return _viewTypesCount; } @Override public boolean isEnabled( int position ) { return !isItemHeader(position); } @Override final public boolean areAllItemsEnabled( ) { return false; } @Override final public void notifyDataSetChanged( ) { super.notifyDataSetChanged(); setupAdapter(); } @Override public boolean hasStableIds( ) { return true; } private boolean isItemHeader( int position ) { int sum = 0; for (int i = 0; i < _rowsCountsInSections.length && sum <= position; i++) { if (sum == position) return true; sum += _rowsCountsInSections[i] + 1; } return false; } private int getItemSection( int position ) { int sum = 0; int section = 0; while (sum <= position && section < _rowsCountsInSections.length) sum += _rowsCountsInSections[section++] + 1; return section - 1; } private int getItemRowInSection( int position ) { int section = getItemSection(position); int sum = 0; for (int i = 0; i < section; i++) sum += _rowsCountsInSections[i] + 1; return position - sum - 1; } private void setupAdapter( ) { int sectionsCount = getSectionsCount(); _rowsCountsInSections = new int [sectionsCount]; _viewTypes = new int [sectionsCount]; _totalRowsCount = sectionsCount; Set<Integer> viewTypesSet = new HashSet<Integer>(); for (int i = 0; i < sectionsCount; i++) { _rowsCountsInSections[i] = getRowsCountInSection(i); _totalRowsCount += _rowsCountsInSections[i]; _viewTypes[i] = getViewTypeForSection(i); viewTypesSet.add(_viewTypes[i]); } viewTypesSet.add(VIEW_TYPE_HEADER); _viewTypesCount = viewTypesSet.size(); } protected int getViewTypeForSection( int section ) { return VIEW_TYPE_DATA; } protected abstract int getSectionsCount( ); protected abstract int getRowsCountInSection( int section ); protected abstract View getHeaderView( int section, View convertView, ViewGroup parent, LayoutInflater inflater ); protected abstract View getItemView( int section, int row, View convertView, ViewGroup parent, LayoutInflater inflater ); } 

उदाहरण का उपयोग करें

एक सरल उदाहरण: हम प्रवेश पर "वर्गों" की एक सूची दर्ज करते हैं, अनुभागों से सभी डेटा को एक शैली में खींचते हैं।
अनुभाग शीर्ष लेख और डेटा सेट का शीर्षक प्रस्तुत करता है:

 final public class SimpleSection { final private String _title; final private List<?> _data; public SimpleSection( String title, List<?> data ) { _title = title; _data = data; } public String getTitle( ) { return _title; } public List<?> getData( ) { return _data; } } 

शीर्षक एक TextView से मिलकर सबसे सरल लेआउट का उपयोग करता है:

 <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/text1" android:layout_width="match_parent" android:layout_height="30dp" android:textAppearance="?android:attr/textAppearanceSmallInverse" android:gravity="center_vertical" android:paddingLeft="6dip" android:background="@android:color/black" /> 

अपनी संपूर्णता में सरल एडाप्टर:

 final public class SimpleSectionedListAdapter extends BaseSectionedListAdapter { final private List<SimpleSection> _sections; public SimpleSectionedListAdapter( Context context, List<SimpleSection> sections ) { super(context); _sections = sections; } @Override protected int getSectionsCount( ) { return _sections.size(); } @Override protected int getRowsCountInSection( int section ) { return _sections.get(section).getData().size(); } @Override protected View getHeaderView( int section, View convertView, ViewGroup parent, LayoutInflater inflater ) { if (convertView == null) convertView = inflater.inflate(R.layout.list_header, parent, false); TextView text = (TextView)convertView; text.setText(_sections.get(section).getTitle()); return convertView; } protected Object getItemInSection( int section, int row ) { return _sections.get(section).getData().get(row); } @Override protected View getItemView( int section, int row, View convertView, ViewGroup parent, LayoutInflater inflater ) { Object item = getItemInSection(section, row); if (convertView == null) convertView = inflater.inflate(android.R.layout.simple_list_item_1, parent, false); TextView text = (TextView)convertView; text.setText(item.toString()); return convertView; } } 

कुल मिलाकर

यदि आप ऊपर दिए गए एडॉप्टर पर कुछ डेटा सेट करते हैं, तो आप कुछ समान प्राप्त कर सकते हैं (यदि आप getViewTypeForSection के साथ खेलते हैं, तो आप आसानी से दूसरी तस्वीर प्राप्त कर सकते हैं):

कोडिंग शैली के बारे में कोई भी टिप्पणी, सुझाव और शाप स्वागत योग्य है।