日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
Android超炫特效：ListViewitem拖拽效果（下）

分組的應用場合還是很多的，有數據集合的地方往往要分組顯示；
分組的形式也很多，最常見的就是鑲嵌在列表中，網上說的很多ExpandListView的也是一種。
Android自帶的通訊錄中的聯(lián)系人是按照拼音首字母(A,B,C,D......)分組分類的，效果如下：
我們今天也是要實現(xiàn)這樣類似的一個效果。

1.樣本數據:
      為了突出重點，直擊要點，這里提供一個整理好的數據樣本：

 
 
 
    
  
  
  
  1. //list:數據集合  
    2. 
  
  
  
  2. private List list = new ArrayList();  
    3. 
  
  
  
  3. //listTag:Tag集合，其中Tag是分類的分割標簽，每個分組的header  
    4. 
  
  
  
  4. private List listTag = new ArrayList();  
    5. 
  
  
  
  5.    
    6. 
  
  
  
  6. public void setData(){  
    7. 
  
  
  
  7.         list.add("A");  
    8. 
  
  
  
  8.         listTag.add("A");  
    9. 
  
  
  
  9.         for(int i=0;i<3;i++){  
    10. 
  
  
  
  10.             list.add("阿凡達"+i);  
    11. 
  
  
  
  11.         }  
    12. 
  
  
  
  12.         list.add("B");  
    13. 
  
  
  
  13.         listTag.add("B");  
    14. 
  
  
  
  14.         for(int i=0;i<3;i++){  
    15. 
  
  
  
  15.             list.add("比特風暴"+i);  
    16. 
  
  
  
  16.         }  
    17. 
  
  
  
  17.         list.add("C");  
    18. 
  
  
  
  18.         listTag.add("C");  
    19. 
  
  
  
  19.         for(int i=0;i<30;i++){  
    20. 
  
  
  
  20.             list.add("查理風云"+i);  
    21. 
  
  
  
  21.         }  
    22. 
  
  
  
  22. }  
    23.

2.Activity布局準備：

放置一個listView來呈現(xiàn)數據。

group_list_activity.xml：

 
 
 
    
  
  
  
  1.   
    2. 
  
  
  
  2. 
  
  
  
  3.     android:orientation="vertical" 
    4. 
  
  
  
  4.     android:layout_width="fill_parent" 
    5. 
  
  
  
  5.     android:layout_height="fill_parent" 
    6. 
  
  
  
  6.     >  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.     
  
  
  
  9.        android:layout_width="fill_parent"  
    10. 
  
  
  
  10.        android:layout_height="fill_parent" 
    11. 
  
  
  
  11.        android:cacheColorHint="#00000000"/>  
    12. 
  
  
  
  12.   
    13.

3.自定義Adapter（本文繼承ArrayAdapter）：
  這個是本文的重點和核心。 
  Adapter接口為數據和界面搭建了一個訪問的橋梁，最重要的就是getView()方法，用這個方法我們可以實現(xiàn)一定程度的界面自定義。
  ArrayAdapter間接實現(xiàn)了Adapter接口，這里我們簡單起見，數據源只是提供單一的String數組。

 
 
 
    
  
  
  
  1. private static class GroupListAdapter extends ArrayAdapter{  
    2. 
  
  
  
  2.     //存放標簽的列表，用來判斷數據項的類型  
    3. 
  
  
  
  3.     //如果數據項在標簽列表中，則是標簽項，否則是數據項  
    4. 
  
  
  
  4.     private List listTag = null;  
    5. 
  
  
  
  5.     public GroupListAdapter(Context context, List objects, List tags) {  
    6. 
  
  
  
  6.         super(context, 0, objects);  
    7. 
  
  
  
  7.         this.listTag = tags;  
    8. 
  
  
  
  8.     }  
    9. 
  
  
  
  9.        
    10. 
  
  
  
  10.     @Override 
    11. 
  
  
  
  11.     public View getView(int position, View convertView, ViewGroup parent) {  
    12. 
  
  
  
  12.         ... ....  
    13. 
  
  
  
  13.     }  
    14. 
  
  
  
  14. }  
    15.

我們來看看getView方法：

 
 
 
    
  
  
  
  1. //該方法根據adapter的順序一行一行的組織列表  
    2. 
  
  
  
  2. //其中position表示第幾行，也就是當前行在adapter的位置，  
    3. 
  
  
  
  3. //convertView表示第幾行的View  
    4. 
  
  
  
  4. View getView(int position, View convertView, ViewGroup parent);  
    5.

現(xiàn)在我們就是要重寫getView方法，來實現(xiàn)列表中嵌入分組標簽。
 分組標簽也是列表數據項之一，也是被一行一行的畫上去的，但是它和其他數據項UI是不一致的，所以我們需要準備2套數據項布局模板：
  數據項模板group_list_item.xml:

 
 
 
    
  
  
  
  1.   
    2. 
  
  
  
  2. 
  
  
  
  3.     android:orientation="horizontal" 
    4. 
  
  
  
  4.     android:layout_width="fill_parent" 
    5. 
  
  
  
  5.     android:layout_height="wrap_content" 
    6. 
  
  
  
  6.     android:padding="5dip">  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.     
  
  
  
  10.        android:src="@drawable/list_icon" 
    11. 
  
  
  
  11.        android:layout_width="wrap_content" 
    12. 
  
  
  
  12.        android:layout_height="wrap_content"/>  
    13. 
  
  
  
  13.     
  
  
  
  14.        android:id="@+id/group_list_item_text"  
    15. 
  
  
  
  15.        android:layout_width="wrap_content"  
    16. 
  
  
  
  16.        android:layout_height="fill_parent" 
    17. 
  
  
  
  17.        android:paddingLeft="5dip" 
    18. 
  
  
  
  18.        android:gravity="center_vertical"/>  
    19. 
  
  
  
  19.   
    20.

標簽項模板group_list_item_tag.xml:

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.   
    3. 
  
  
  
  3. 
  
  
  
  4.     android:layout_width="fill_parent" 
    5. 
  
  
  
  5.     android:layout_height="wrap_content" 
    6. 
  
  
  
  6.     android:background="#555555" 
    7. 
  
  
  
  7.     android:paddingLeft="10dip">  
    8. 
  
  
  
  8.     
  
  
  
  9.        android:id="@+id/group_list_item_text"  
    10. 
  
  
  
  10.        android:layout_width="wrap_content"  
    11. 
  
  
  
  11.        android:layout_height="20dip" 
    12. 
  
  
  
  12.        android:textColor="#ffffff" 
    13. 
  
  
  
  13.        android:gravity="center_vertical"/>  
    14. 
  
  
  
  14.   
    15.

好，我們現(xiàn)在把這兩個模板應用到getView方法中去：

 
 
 
    
  
  
  
  1. @Override 
    2. 
  
  
  
  2. public View getView(int position, View convertView, ViewGroup parent) {  
    3. 
  
  
  
  3.     View view = convertView;  
    4. 
  
  
  
  4.     //根據標簽類型加載不通的布局模板  
    5. 
  
  
  
  5.     if(listTag.contains(getItem(position))){  
    6. 
  
  
  
  6.         //如果是標簽項  
    7. 
  
  
  
  7.         view = LayoutInflater.from(getContext()).inflate(R.layout.group_list_item_tag, null);  
    8. 
  
  
  
  8.     }else{                
    9. 
  
  
  
  9.         //否則就是數據項了        
    10. 
  
  
  
  10.         view = LayoutInflater.from(getContext()).inflate(R.layout.group_list_item, null);  
    11. 
  
  
  
  11.     }  
    12. 
  
  
  
  12.     //顯示名稱  
    13. 
  
  
  
  13.     TextView textView = (TextView) view.findViewById(R.id.group_list_item_text);  
    14. 
  
  
  
  14.     textView.setText(getItem(position));  
    15. 
  
  
  
  15.     //返回重寫的view  
    16. 
  
  
  
  16.     return view;  
    17. 
  
  
  
  17. }  
    18.

 4.禁止標簽項的響應事件：
      在ArrayAdapter的父類BaseAdapter中提供了isEnable的()方法，我們看看這個方法：

 
 
 
    
  
  
  
  1. //默認情況，如果這個方法不是分割符，返回true  
    2. 
  
  
  
  2. //分隔符是無選中和無點擊事件的  
    3. 
  
  
  
  3. //說白了，你想不想把改position項當做分隔符，想的話就返回false，否則返回true  
    4. 
  
  
  
  4. public boolean isEnabled (int position)  
    5.

這個方法剛好用來禁用標簽項的響應事件。具體實現(xiàn)如下：

 
 
 
    
  
  
  
  1. @Override 
    2. 
  
  
  
  2. public boolean isEnabled(int position) {  
    3. 
  
  
  
  3.     if(listTag.contains(getItem(position))){  
    4. 
  
  
  
  4.         return false;  
    5. 
  
  
  
  5.     }  
    6. 
  
  
  
  6.     return super.isEnabled(position);  
    7. 
  
  
  
  7. }  
    8.

現(xiàn)在標簽項不會再有任何觸控效果了，猶如一塊死木板。

5.完整代碼：
      整個Activity和Adapter代碼如下：

 
 
 
    
  
  
  
  1. public class GroupListActivity extends Activity {  
    2. 
  
  
  
  2.        
    3. 
  
  
  
  3.     private GroupListAdapter adapter = null;  
    4. 
  
  
  
  4.     private ListView listView = null;  
    5. 
  
  
  
  5.     private List list = new ArrayList();  
    6. 
  
  
  
  6.     private List listTag = new ArrayList();  
    7. 
  
  
  
  7.        
    8. 
  
  
  
  8.     @Override 
    9. 
  
  
  
  9.     protected void onCreate(Bundle savedInstanceState) {  
    10. 
  
  
  
  10.         super.onCreate(savedInstanceState);  
    11. 
  
  
  
  11.         setContentView(R.layout.group_list_activity);  
    12. 
  
  
  
  12.            
    13. 
  
  
  
  13.         setData();  
    14. 
  
  
  
  14.         adapter = new GroupListAdapter(this, list, listTag);  
    15. 
  
  
  
  15.         listView = (ListView)findViewById(R.id.group_list);  
    16. 
  
  
  
  16.         listView.setAdapter(adapter);  
    17. 
  
  
  
  17.     }  
    18. 
  
  
  
  18.    
    19. 
  
  
  
  19.     public void setData(){  
    20. 
  
  
  
  20.         list.add("A");  
    21. 
  
  
  
  21.         listTag.add("A");  
    22. 
  
  
  
  22.         for(int i=0;i<3;i++){  
    23. 
  
  
  
  23.             list.add("阿凡達"+i);  
    24. 
  
  
  
  24.         }  
    25. 
  
  
  
  25.         list.add("B");  
    26. 
  
  
  
  26.         listTag.add("B");  
    27. 
  
  
  
  27.         for(int i=0;i<3;i++){  
    28. 
  
  
  
  28.             list.add("比特風暴"+i);  
    29. 
  
  
  
  29.         }  
    30. 
  
  
  
  30.         list.add("C");  
    31. 
  
  
  
  31.         listTag.add("C");  
    32. 
  
  
  
  32.         for(int i=0;i<30;i++){  
    33. 
  
  
  
  33.             list.add("查理風云"+i);  
    34. 
  
  
  
  34.         }  
    35. 
  
  
  
  35.     }  
    36. 
  
  
  
  36.     private static class GroupListAdapter extends ArrayAdapter{  
    37. 
  
  
  
  37.            
    38. 
  
  
  
  38.         private List listTag = null;  
    39. 
  
  
  
  39.         public GroupListAdapter(Context context, List objects, List tags) {  
    40. 
  
  
  
  40.             super(context, 0, objects);  
    41. 
  
  
  
  41.             this.listTag = tags;  
    42. 
  
  
  
  42.         }  
    43. 
  
  
  
  43.            
    44. 
  
  
  
  44.         @Override 
    45. 
  
  
  
  45.         public boolean isEnabled(int position) {  
    46. 
  
  
  
  46.             if(listTag.contains(getItem(position))){  
    47. 
  
  
  
  47.                 return false;  
    48. 
  
  
  
  48.             }  
    49. 
  
  
  
  49.             return super.isEnabled(position);  
    50. 
  
  
  
  50.         }  
    51. 
  
  
  
  51.         @Override 
    52. 
  
  
  
  52.         public View getView(int position, View convertView, ViewGroup parent) {  
    53. 
  
  
  
  53.             View view = convertView;  
    54. 
  
  
  
  54.             if(listTag.contains(getItem(position))){  
    55. 
  
  
  
  55.                 view = LayoutInflater.from(getContext()).inflate(R.layout.group_list_item_tag, null);  
    56. 
  
  
  
  56.             }else{                      
    57. 
  
  
  
  57.                 view = LayoutInflater.from(getContext()).inflate(R.layout.group_list_item, null);  
    58. 
  
  
  
  58.             }  
    59. 
  
  
  
  59.             TextView textView = (TextView) view.findViewById(R.id.group_list_item_text);  
    60. 
  
  
  
  60.             textView.setText(getItem(position));  
    61. 
  
  
  
  61.             return view;  
    62. 
  
  
  
  62.         }  
    63. 
  
  
  
  63.     }  
    64. 
  
  
  
  64. }  
    65.

6.最終效果：


新聞標題：Android超炫特效：ListViewitem拖拽效果（下）
URL地址：http://www.dlmjj.cn/article/dhiccid.html