Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> Android應用開發教程之六:ListView詳解

Android應用開發教程之六:ListView詳解

編輯:關於android開發

  ListView是Android軟件開發中非常重要組件之一,基本上是個軟件基本都會使用ListView ,今天我通過一個demo來教大家怎麼樣使用ListView組件 繪制出漂亮的列表,說道ListView就不得不說Adapter適配器,因為只有通過Adapter才可以把列表中的數據映射到ListView中。

  在android的開發中最Adapter 一共可以分為

  ArrayAdapter<T>,

  BaseAdapter,

  CursorAdapter,

  HeaderViewListAdapter,

  ResourceCursorAdapter,

  SimpleAdapter,

  SimpleCursorAdapter,

  WrapperListAdapter

  軟件開發中最常用的有ArrayAdapter<T>, BaseAdapter, SimpleAdapter,今天我用一段代碼向大家诠釋如何使用ListView控件。

Android應用開發教程之六:ListView詳解

  1. 簡單的ListView

  在List列表中如果不存在過於復雜的東西 我們可以直接去new ArrayAdapter() 來繪制列表,無須繼承ArrayAdapter,重寫它的方法。但是如果列表中過於復雜的話就需要使用自定義布局來實現List列表。

Android應用開發教程之六:ListView詳解

Java代碼
  1. public class SimpleList extends ListActivity {  
  2.     private String[] mListStr = {"姓名:雨松MOMO","性別:男","年齡:25","居住地:北京","郵箱:[email protected]"};  
  3.     ListView mListView = null;  
  4.     @Override  
  5.     protected void onCreate(Bundle savedInstanceState) {  
  6.     mListView = getListView();  
  7.     setListAdapter(new ArrayAdapter<String>(this,  
  8.                 android.R.layout.simple_list_item_1, mListStr));  
  9.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  10.         @Override  
  11.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  12.             long id) {  
  13.         Toast.makeText(SimpleList.this,"您選擇了" + mListStr[position], Toast.LENGTH_LONG).show();  
  14.         }  
  15.     });  
  16.    
  17.     super.onCreate(savedInstanceState);  
  18.     }  
  19. }  

  2. 帶標題的ListView列表

  使用 simpleAdapter 需要注意的是須要用Map<String,Object> item 來保存列表中每一項的顯示的title與text , new SimpleAdapter的時候將map中的數據寫入 ,程序就會幫我們繪制列表了。

Android應用開發教程之六:ListView詳解

Java代碼
  1. public class TitleList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名", "性別", "年齡", "居住地","郵箱"};  
  3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
  4.         "[email protected]" };  
  5.     ListView mListView = null;  
  6.     ArrayList<Map<String,Object>> mData= new ArrayList<Map<String,Object>>();;  
  7.    
  8.     @Override  
  9.     protected void onCreate(Bundle savedInstanceState) {  
  10.     mListView = getListView();  
  11.    
  12.     int lengh = mListTitle.length;  
  13.     for(int i =0; i < lengh; i++) {  
  14.         Map<String,Object> item = new HashMap<String,Object>();  
  15.         item.put("title", mListTitle[i]);  
  16.         item.put("text", mListStr[i]);  
  17.         mData.add(item);  
  18.     }  
  19.     SimpleAdapter adapter = new SimpleAdapter(this,mData,android.R.layout.simple_list_item_2,  
  20.         new String[]{"title","text"},new int[]{android.R.id.text1,android.R.id.text2});  
  21.         setListAdapter(adapter);  
  22.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  23.         @Override  
  24.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  25.             long id) {  
  26.         Toast.makeText(TitleList.this,"您選擇了標題:" + mListTitle[position] + "內容:"+mListStr[position], Toast.LENGTH_LONG).show();  
  27.         }  
  28.     });  
  29.     super.onCreate(savedInstanceState);  
  30.     }  
  31. }  

  3. 帶圖片的ListView列表

  使用 simpleAdapter 來操作 但是構造simpleAdapter的時候須要使用我們自己寫的布局來完成 ,因為系統的布局已經不能滿足需求了,同樣Map<String,Object> item 來保存列表中每一項須要的顯示內容 如 圖片 標題 內容等。

Android應用開發教程之六:ListView詳解

XML/HTML代碼
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.    
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent" android:layout_height="?android:attr/listPreferredItemHeight">  
  5.     <ImageView android:id="@+id/image"  
  6.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
  7.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
  8.         android:adjustViewBounds="true"  
  9.         android:padding="2dip" />  
  10.     <TextView android:id="@+id/title"  
  11.         android:layout_width="wrap_content" android:layout_height="wrap_content"  
  12.         android:layout_toRightOf="@+id/image"  
  13.         android:layout_alignParentRight="true" android:layout_alignParentTop="true"  
  14.         android:layout_above="@+id/text"  
  15.         android:layout_alignWithParentIfMissing="true" android:gravity="center_vertical"  
  16.         android:textSize="15dip" />  
  17.     <TextView android:id="@+id/text"  
  18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  19.         android:layout_toRightOf="@+id/image"  
  20.         android:layout_alignParentBottom="true"  
  21.         android:layout_alignParentRight="true" android:singleLine="true"  
  22.         android:ellipsize="marquee"  
  23.         android:textSize="20dip" />  
  24. </RelativeLayout>  
Java代碼
  1. public class IconList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名", "性別", "年齡", "居住地","郵箱"};  
  3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
  4.         "[email protected]" };  
  5.     ListView mListView = null;  
  6.     ArrayList<Map<String,Object>> mData= new ArrayList<Map<String,Object>>();;  
  7.    
  8.     @Override  
  9.     protected void onCreate(Bundle savedInstanceState) {  
  10.     mListView = getListView();  
  11.    
  12.     int lengh = mListTitle.length;  
  13.     for(int i =0; i < lengh; i++) {  
  14.         Map<String,Object> item = new HashMap<String,Object>();  
  15.         item.put("image", R.drawable.jay);  
  16.         item.put("title", mListTitle[i]);  
  17.         item.put("text", mListStr[i]);  
  18.         mData.add(item);  
  19.     }  
  20.     SimpleAdapter adapter = new SimpleAdapter(this,mData,R.layout.iconlist,  
  21.         new String[]{"image","title","text"},new int[]{R.id.image,R.id.title,R.id.text});  
  22.         setListAdapter(adapter);  
  23.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  24.         @Override  
  25.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  26.             long id) {  
  27.         Toast.makeText(IconList.this,"您選擇了標題:" + mListTitle[position] + "內容:"+mListStr[position], Toast.LENGTH_LONG).show();  
  28.         }  
  29.     });  
  30.     super.onCreate(savedInstanceState);  
  31.     }  
  32. }  

  4. 自定義布局BaseAdapter修改列表顏色

  因為通過直接 構造系統的布局來繪制列表方法肯定是有限的,所以我們需要重寫繪制方法 ,寫一個類去繼承BaseAdapter 並實現這個類中的方法,listView在一開始繪制的時候首先會調用getCout()方法得到繪制次數 ,然後會實例化自己定義的BaseAdapter通過getView()方法一層一層繪制ListView,所以我們可以在這裡面根據position(當前繪制的ID)來任意的修改繪制的內容,做出好看漂亮的ListView,下面這個例子我通過重寫getView修改每個列表的顏色 並且實現用戶選中後成高亮狀態。

Android應用開發教程之六:ListView詳解

XML/HTML代碼
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.    
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent" android:layout_height="wrap_content">  
  5.     <ImageView android:id="@+id/color_image"  
  6.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
  7.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
  8.         android:adjustViewBounds="true"  
  9.         android:padding="2dip" />  
  10.     <TextView android:id="@+id/color_title"  
  11.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  12.         android:layout_toRightOf="@+id/color_image"  
  13.         android:layout_alignParentBottom="true"  
  14.         android:layout_alignParentRight="true" android:singleLine="true"  
  15.         android:ellipsize="marquee"  
  16.         android:textSize="15dip"  />  
  17.     <TextView android:id="@+id/color_text"  
  18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  19.         android:layout_toRightOf="@+id/color_image"  
  20.         android:layout_below="@+id/color_title"  
  21.         android:layout_alignParentBottom="true"  
  22.         android:layout_alignParentRight="true"  
  23.         android:singleLine="true"  
  24.         android:ellipsize="marquee"  
  25.         android:textSize="20dip" />  
  26. </RelativeLayout>  
Java代碼
  1. public class ColorList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名", "性別", "年齡", "居住地","郵箱"};  
  3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
  4.         "[email protected]" };  
  5.     ListView mListView = null;  
  6.     MyListAdapter myAdapter = null;  
  7.     @Override  
  8.     protected void onCreate(Bundle savedInstanceState) {  
  9.     mListView = getListView();  
  10.     myAdapter = new MyListAdapter(this);  
  11.     setListAdapter(myAdapter);  
  12.     mListView.setOnItemClickListener(new OnItemClickListener() {  
  13.         @Override  
  14.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
  15.             long id) {  
  16.         View v=adapterView.getChildAt(position);  
  17.         v.setBackgroundColor(Color.RED);  
  18.         Toast.makeText(ColorList.this,"您選擇了" + mListStr[position], Toast.LENGTH_LONG).show();  
  19.         }  
  20.     });  
  21.    
  22.     super.onCreate(savedInstanceState);  
  23.     }  
  24.    
  25.     class MyListAdapter extends BaseAdapter {  
  26.     private int[] colors = new int[] { 0xff626569, 0xff4f5257 };  
  27.     public MyListAdapter(Context context) {  
  28.         mContext = context;  
  29.     }  
  30.    
  31.     public int getCount() {  
  32.         return mListStr.length;  
  33.     }  
  34.    
  35.     @Override  
  36.     public boolean areAllItemsEnabled() {  
  37.         return false;  
  38.     }  
  39.    
  40.     public Object getItem(int position) {  
  41.         return position;  
  42.     }  
  43.    
  44.     public long getItemId(int position) {  
  45.         return position;  
  46.     }  
  47.    
  48.     public View getView(int position, View convertView, ViewGroup parent) {  
  49.         ImageView iamge = null;  
  50.         TextView title = null;  
  51.         TextView text = null;  
  52.         if (convertView == null) {  
  53.         convertView = LayoutInflater.from(mContext).inflate(R.layout.colorlist, null);  
  54.         iamge = (ImageView) convertView.findViewById(R.id.color_image);  
  55.         title =(TextView) convertView.findViewById(R.id.color_title);  
  56.         text= (TextView) convertView.findViewById(R.id.color_text);  
  57.         }  
  58.         int colorPos = position % colors.length;  
  59.         convertView.setBackgroundColor(colors[colorPos]);  
  60.         title.setText(mListTitle[position]);  
  61.         text.setText(mListStr[position]);  
  62.          iamge.setImageResource(R.drawable.jay);  
  63.         return convertView;  
  64.     }  
  65.    
  66.     private Context mContext;  
  67.     }  
  68. }  

  5. 自定義布局ArrayAdapter

  ArrayAdapter是BaseAdapter的子類,ArrayAdapter不僅具有BaseAdapter的所有方法還自定義了一些新的方法來處理列表項,所以單純的從功能能上來講ArrayAdapter遠遠強與BaseAdapter,如果是繪制一些數量比較少的列表建議使用BaseAdapter 如果繪制一些比較復雜的列表項 並且列表項很多的 建議使用ArrayAdapter。

Android應用開發教程之六:ListView詳解

XML/HTML代碼
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.    
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent" android:layout_height="wrap_content">  
  5.     <Button  
  6.         android:id="@+id/array_button"  
  7.         android:layout_width="wrap_content"  
  8.         android:layout_height="wrap_content"  
  9.         android:text="一個按鈕"  
  10.     />  
  11.     <ImageView android:id="@+id/array_image"  
  12.         android:layout_toRightOf="@+id/array_button"  
  13.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
  14.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
  15.         android:adjustViewBounds="true"  
  16.         android:padding="2dip" />  
  17.     <TextView android:id="@+id/array_title"  
  18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  19.         android:layout_toRightOf="@+id/array_image"  
  20.         android:layout_alignParentBottom="true"  
  21.         android:layout_alignParentRight="true" android:singleLine="true"  
  22.         android:ellipsize="marquee"  
  23.         android:textSize="15dip"  />  
  24.     <TextView android:id="@+id/array_text"  
  25.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  26.         android:layout_toRightOf="@+id/array_image"  
  27.         android:layout_below="@+id/array_title"  
  28.         android:layout_alignParentBottom="true"  
  29.         android:layout_alignParentRight="true"  
  30.         android:singleLine="true"  
  31.         android:ellipsize="marquee"  
  32.         android:textSize="20dip" />  
  33.    
  34. </RelativeLayout>  
Java代碼
  1. public class ArrayList extends ListActivity {  
  2.     private String[] mListTitle = { "姓名", "性別", "年齡", "居住地","郵箱"};  
  3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
  4.         "[email protected]" };  
  5.     ListView mListView = null;  
  6.     MyListAdapter myAdapter = null;  
  7.     ArrayList arrayList = null;  
  8.     @Override  
  9.     protected void onCreate(Bundle savedInstanceState) {  
  10.     arrayList = this;  
  11.     mListView = getListView();  
  12.     myAdapter = new MyListAdapter(this,R.layout.arraylist);  
  13.     setListAdapter(myAdapter);  
  14.     super.onCreate(savedInstanceState);  
  15.     }  
  16.    
  17.     public class MyListAdapter extends ArrayAdapter<Object> {  
  18.     int mTextViewResourceID = 0;  
  19.     private Context mContext;  
  20.     public MyListAdapter(Context context, int textViewResourceId) {  
  21.         super(context, textViewResourceId);  
  22.         mTextViewResourceID = textViewResourceId;  
  23.         mContext = context;  
  24.     }  
  25.    
  26.     private int[] colors = new int[] { 0xff626569, 0xff4f5257 };  
  27.    
  28.     public int getCount() {  
  29.         return mListStr.length;  
  30.     }  
  31.    
  32.     @Override  
  33.     public boolean areAllItemsEnabled() {  
  34.         return false;  
  35.     }  
  36.    
  37.     public Object getItem(int position) {  
  38.         return position;  
  39.     }  
  40.    
  41.     public long getItemId(int position) {  
  42.         return position;  
  43.     }  
  44.    
  45.     public View getView(final int position, View convertView, ViewGroup parent) {  
  46.         ImageView iamge = null;  
  47.         TextView title = null;  
  48.         TextView text = null;  
  49.         Button button = null;  
  50.         if (convertView == null) {  
  51.         convertView = LayoutInflater.from(mContext).inflate(  
  52.             mTextViewResourceID, null);  
  53.         iamge = (ImageView) convertView.findViewById(R.id.array_image);  
  54.         title = (TextView) convertView.findViewById(R.id.array_title);  
  55.         text = (TextView) convertView.findViewById(R.id.array_text);  
  56.         button = (Button)convertView.findViewById(R.id.array_button);  
  57.         button.setOnClickListener(new OnClickListener() {  
  58.    
  59.             @Override  
  60.             public void onClick(View arg0) {  
  61.             Toast.makeText(arrayList,"您點擊的第"+position +"個按鈕", Toast.LENGTH_LONG).show();  
  62.    
  63.             }  
  64.         });  
  65.         }  
  66.         int colorPos = position % colors.length;  
  67.         convertView.setBackgroundColor(colors[colorPos]);  
  68.         title.setText(mListTitle[position]);  
  69.         text.setText(mListStr[position]);  
  70.         if(colorPos == 0)  
  71.         iamge.setImageResource(R.drawable.jay);  
  72.         else  
  73.         iamge.setImageResource(R.drawable.image);  
  74.         return convertView;  
  75.     }  
  76.     }  
  77. }  

  最後如果你還是覺得我寫的不夠詳細 看的不夠爽 不要緊我把源代碼的下載地址貼出來 歡迎大家一起討論學習

  下載地址:http://vdisk.weibo.com/s/a9mg0

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved