自定義BaseAdapter完成ListView列表單選功能
今天在公司寫專案的時候自定義了一個baseAdapter實現listview的單選功能。本人也一直想著寫技術部落格,就以此開頭吧。所以一回到家就開始寫Demo分享給大家。
這裡有幾個需要解決的問題,一是要保留對listview的優化,二是隻能有一個打鉤,沒選擇的不能打,之前打好鉤的要去掉。三實用性要強,根據原理,進行簡單修改就可以應用的五花八門。
先貼item的佈局吧:
<?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"
android:orientation="horizontal"
android:gravity="center_vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/lv_tv"
android:padding ="10dp"
android:textColor="#555555"
android:layout_marginLeft="5dp"/>
<View
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
/>
<ImageView
android:layout_width="wrap_content"
android:layout_height ="wrap_content"
android:src="@drawable/checked"
android:id="@+id/lv_checked"
android:visibility="gone"
/>
</LinearLayout>
就是左邊一個textview,右邊一個src為打鉤圖片的imageview,imageview預設為隱藏。
再貼BaseAdapter程式碼吧。
public class ItemCheckedAdapter extends BaseAdapter {
private Context context;
private List<String> data;
private LayoutInflater inflater;
private int checked = -1;//初始選擇為-1,position沒有-1嘛,那就是誰都不選咯
public ItemCheckedAdapter(Context context,List<String> data){
this.context = context;
this.data = data;
this.inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}
public void setChecked(int checked){//設定一個選中的標誌位,在activity中傳入值。
this.checked = checked;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return data.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
ViewHolder holder;
if(convertView==null){//用於優化,不多說
holder = new ViewHolder();
convertView = inflater.inflate(R.layout.item_lv, null);
holder.tv = (TextView) convertView.findViewById(R.id.lv_tv);
holder.iv = (ImageView) convertView.findViewById(R.id.lv_checked);
convertView.setTag(holder);
}else{
holder = (ViewHolder) convertView.getTag();
}
holder.tv.setText(data.get(position));
if(checked == position){
holder.iv.setVisibility(View.VISIBLE);
}else{
holder.iv.setVisibility(View.GONE);
}//這個else很重要噢,詳細解讀在下面
return convertView;
}
class ViewHolder{//用於listview的優化,不多說
public TextView tv;
public ImageView iv;
}
}
以上程式碼為了優化listview所以重用了convertView。
if(checked == position){
holder.iv.setVisibility(View.VISIBLE);
}else{
holder.iv.setVisibility(View.GONE);
}
這裡通過標誌checked規定了哪個position的item顯示打鉤的imageview,其餘都不打鉤,完成了唯一性。如果這樣寫:
if(checked == position){
holder.iv.setVisibility(View.VISIBLE);
}
不加else選項,由於convertView的重用,在記憶體裡存著的那個holder裡的holder.iv已經被設定成顯示,所以我們會看到明明只選擇了一個,卻有多個被打鉤的情況,故而要加上else,數學上應該叫有且僅有這個位置的顯示。
再來看activity:
public class MainActivity extends Activity {
private TextView tv;
private ListView lv;
private List<String> data;
private ItemCheckedAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tv = (TextView) findViewById(R.id.tv);
lv = (ListView) findViewById(R.id.lv);
this.data = new ArrayList<String>();
for(int i = 0;i<40;i++){
data.add("測試"+i);
}
adapter = new ItemCheckedAdapter(this, data);
lv.setAdapter(adapter);
lv.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
// TODO Auto-generated method stub
adapter.setChecked(position);//傳入現在選擇的position
adapter.notifyDataSetInvalidated();//重繪
}
});
}
大家可以看到在onItemClick()的方法裡面我先往adapter內傳入一個我已經選擇的item的position,之後呼叫notifyDataSetInvalidated()方法進行重繪,這樣必然呼叫getview()方法,在繪到checked == position時就會將鉤打上,其餘的Item就會隱藏掉。之前選擇的項也會隱藏了。這樣就解決了一開始提出的沒選擇的不能打,之前打好鉤的要去掉的效果,雖然邏輯我沒有分別針對二者進行處理,用了只要不是我選擇的全都幹掉的思路,就是這麼任性。大家可以稍微改變item的佈局差不多就可以運用到自己專案中去了吧…
效果圖如下:
以上,謝謝!
其實原始碼基本貼上了,還需要的可以留郵箱。