快捷導(dǎo)航

詳解Android應(yīng)用中ListView列表選項(xiàng)欄的編寫方法

更新時(shí)間：2016年03月24日 14:43:36 作者：cs_lht

這篇文章主要介紹了Android應(yīng)用中ListView列表選項(xiàng)欄的編寫方法,講解了使用安卓自帶的ListView與自定義multiple ListView的方法,需要的朋友可以參考下

根據(jù)列表的適配器類型，列表分為三種，ArrayAdapter，SimpleAdapter和SimpleCursorAdapter，這三種適配器的使用大家可學(xué)習(xí)下官網(wǎng)上面的使用或者自行百度谷歌，一堆DEMO?。?！其中以ArrayAdapter最為簡(jiǎn)單，只能展示一行字。SimpleAdapter有最好的擴(kuò)充性，可以自定義出各種效果。SimpleCursorAdapter可以認(rèn)為是SimpleAdapter對(duì)數(shù)據(jù)庫(kù)的簡(jiǎn)單結(jié)合，可以方便的把數(shù)據(jù)庫(kù)的內(nèi)容以列表的形式展示出來(lái)。

系統(tǒng)要繪制ListView了，他首先用getCount（）函數(shù)得到要繪制的這個(gè)列表的長(zhǎng)度，然后開(kāi)始繪制第一行，怎么繪制呢？調(diào)用getView()函數(shù)。在這個(gè)函數(shù)里面首先獲得一個(gè)View（這個(gè)看實(shí)際情況，如果是一個(gè)簡(jiǎn)單的顯示則是View，如果是一個(gè)自定義的里面包含很多控件的時(shí)候它其實(shí)是一個(gè)ViewGroup），然后再實(shí)例化并設(shè)置各個(gè)組件及其數(shù)據(jù)內(nèi)容并顯示它。好了，繪制完這一行了。那再繪制下一行，直到繪完為止，前面這些東西做下鋪墊，繼續(xù)…….

現(xiàn)在我們?cè)賮?lái)了解ListView加載數(shù)據(jù)的原理，有了這方面的了解后再說(shuō)優(yōu)化才行，下面先跟大家一起來(lái)看下ListView加載數(shù)據(jù)的基本原理就直接寫了：

ListView的工作原理如下：

ListView 針對(duì)每個(gè)item，要求 adapter “返回一個(gè)視圖” (getView)，也就是說(shuō)ListView在開(kāi)始繪制的時(shí)候，系統(tǒng)首先調(diào)用getCount（）函數(shù)，根據(jù)他的返回值得到ListView的長(zhǎng)度，然后根據(jù)這個(gè)長(zhǎng)度，調(diào)用getView（）一行一行的繪制ListView的每一項(xiàng)。如果你的getCount（）返回值是0的話，列表一行都不會(huì)顯示，如果返回1，就只顯示一行。返回幾則顯示幾行。如果我們有幾千幾萬(wàn)甚至更多的item要顯示怎么辦？為每個(gè)Item創(chuàng)建一個(gè)新的View？不可能?。?！實(shí)際上Android早已經(jīng)緩存了這些視圖，大家可以看下下面這個(gè)截圖來(lái)理解下，這個(gè)圖是解釋ListView工作原理的最經(jīng)典的圖了大家可以收藏下，不懂的時(shí)候拿來(lái)看看，加深理解，其實(shí)Android中有個(gè)叫做Recycler的構(gòu)件，順帶列舉下與Recycler相關(guān)的已經(jīng)由Google做過(guò)N多優(yōu)化過(guò)的東東比如：AbsListView.RecyclerListener、ViewDebug.RecyclerTraceType等等，要了解的朋友自己查下，不難理解，下圖是ListView加載數(shù)據(jù)的工作原理

2016324143751066.jpg (792×512)

public class MultipleItemsList extends ListActivity {
 
  private MyCustomAdapter mAdapter;
 
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    mAdapter = new MyCustomAdapter();
    for (int i = 0; i < 50; i++) {
      mAdapter.addItem("item " + i);
    }
    setListAdapter(mAdapter);
  }
 
  private class MyCustomAdapter extends BaseAdapter {
 
    private ArrayList mData = new ArrayList();
    private LayoutInflater mInflater;
 
    public MyCustomAdapter() {
      mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }
 
    public void addItem(final String item) {
      mData.add(item);
      notifyDataSetChanged();
    }
 
    @Override
    public int getCount() {
      return mData.size();
    }
 
    @Override
    public String getItem(int position) {
      return mData.get(position);
    }
 
    @Override
    public long getItemId(int position) {
      return position;
    }
 
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      System.out.println("getView " + position + " " + convertView);
      ViewHolder holder = null;
      if (convertView == null) {
        convertView = mInflater.inflate(R.layout.item1, null);
        holder = new ViewHolder();
        holder.textView = (TextView)convertView.findViewById(R.id.text);
        convertView.setTag(holder);
      } else {
        holder = (ViewHolder)convertView.getTag();
      }
      holder.textView.setText(mData.get(position));
      return convertView;
    }
 
  }
 
  public static class ViewHolder {
    public TextView textView;
  }
}

執(zhí)行程序，查看日志:

2016324143845821.png (320×480)

getView 被調(diào)用 9 次，convertView 對(duì)于所有的可見(jiàn)項(xiàng)目是空值（如下）:

2016324143922915.jpg (505×226)

然后稍微向下滾動(dòng)List，直到item10出現(xiàn)：

2016324144003716.png (320×480)

convertView仍然是空值，因?yàn)閞ecycler中沒(méi)有視圖（item1的邊緣仍然可見(jiàn)，在頂端）再滾動(dòng)列表，繼續(xù)滾動(dòng)：

2016324144028329.png (320×480)

此時(shí)的convertView非空了，在item11離開(kāi)屏幕之后，它的視圖(…0f8)作為convertView容納item12了。

自定義MULTIPLE ListView

不過(guò)，Android自帶的multiple listview的實(shí)現(xiàn)是通過(guò)checkedTextView來(lái)實(shí)現(xiàn)的，但是這個(gè)控件很難看，而且一行內(nèi)容布局固定。
以下我們自定義一個(gè):

mListView = (ListView)findViewById(R.id.listview); 
mListView.setCacheColorHint(0); 
mListView.setItemsCanFocus(false); 
mListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

Adapter定義：

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
  Data data = mDataList.get(position); 
 
  if (convertView == null){ 
    convertView = mInflater.inflate(R.layout.xxxx, null); 
  } 
 
  TextView nameView = (TextView)convertView.findViewById(R.id.name); 
  nameView.setText(data.FullName); 
 
  ImageView checkView = (ImageView)convertView.findViewById(R.id.check_view); 
  if (mListView.getAdapter() != null){ 
    SparseBooleanArray checkedArray = mListView.getCheckedItemPositions(); 
    if (0 <= position && position < checkedArray.size()){ 
      if (checkedArray.valueAt(position)){ 
        checkView.setImageResource(R.drawable.checkbox_selected); 
      } 
      else{ 
        checkView.setImageResource(R.drawable.checkbox_unselected); 
      } 
    } 
  } 
 
  return convertView; 
}

xxxx.xml布局文件實(shí)現(xiàn)

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="wrap_content" 
  > 
  <TextView  
    android:id="@+id/name" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:textColor="@color/black" 
    android:layout_marginLeft="10dip" 
    android:gravity="center_vertical" 
    /> 
  <ImageView  
    android:id="@+id/check_view" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_marginRight="10dip" 
    android:layout_centerVertical="true" 
    android:background="@drawable/checkbox_unselected" 
    /> 
</RelativeLayout>

您可能感興趣的文章: