Android开发:实现带图片和checkbox的listview

系统 1587 0

Android开发:实现带图片和checkbox的listview

 

转载自 http://mobile.51cto.com/android-254823.htm

 

项目要用到一个listview,要求是可以显示图片,后面还有有复选框。

先新建一个MyAdapter类,继承自BaseAdapter。在MyAdapter中实现对数据的绑定,我这儿由于是测试的,所以把数据写死了。

 

    package com.zwq.umeng;    
    
import java.util.ArrayList;    
import java.util.HashMap;    
import java.util.List;    
import java.util.Map;    
    
import android.content.Context;    
import android.view.LayoutInflater;    
import android.view.View;    
import android.view.ViewGroup;    
import android.widget.BaseAdapter;    
import android.widget.CheckBox;    
import android.widget.ImageView;    
import android.widget.TextView;    
    
public class MyAdapter extends BaseAdapter {    
    private LayoutInflater mInflater;    
    private List<Map<String, Object>> mData;    
    public static Map<Integer, Boolean> isSelected;    
    
    public MyAdapter(Context context) {    
        mInflater = LayoutInflater.from(context);    
        init();    
    }    
    
    //初始化    
    private void init() {    
        mData=new ArrayList<Map<String, Object>>();    
        for (int i = 0; i < 5; i++) {    
            Map<String, Object> map = new HashMap<String, Object>();    
            map.put("img", R.drawable.icon);    
            map.put("title", "第" + (i + 1) + "行的标题");    
            mData.add(map);    
        }    
        //这儿定义isSelected这个map是记录每个listitem的状态,初始状态全部为false。    
        isSelected = new HashMap<Integer, Boolean>();    
        for (int i = 0; i < mData.size(); i++) {    
            isSelected.put(i, false);    
        }    
    }    
    
    @Override    
    public int getCount() {    
        return mData.size();    
    }    
    
    @Override    
    public Object getItem(int position) {    
        return null;    
    }    
    
    @Override    
    public long getItemId(int position) {    
        return 0;    
    }    
    
    @Override    
    public View getView(int position, View convertView, ViewGroup parent) {    
        ViewHolder holder = null;    
        //convertView为null的时候初始化convertView。    
        if (convertView == null) {    
            holder = new ViewHolder();    
            convertView = mInflater.inflate(R.layout.vlist, null);    
            holder.img = (ImageView) convertView.findViewById(R.id.img);    
            holder.title = (TextView) convertView.findViewById(R.id.title);    
            holder.cBox = (CheckBox) convertView.findViewById(R.id.cb);    
            convertView.setTag(holder);    
        } else {    
            holder = (ViewHolder) convertView.getTag();    
        }    
        holder.img.setBackgroundResource((Integer) mData.get(position).get(    
                "img"));    
        holder.title.setText(mData.get(position).get("title").toString());    
        holder.cBox.setChecked(isSelected.get(position));    
        return convertView;    
    }    
    
    public final class ViewHolder {    
        public ImageView img;    
        public TextView title;    
        public CheckBox cBox;    
    }    
}  
  

 

上面类中要注意getView()方法中对数据的处理。

接下要新建一个list.xml文件,这个就是布局image、textview、checkbox。

 

    <?xml version="1.0" encoding="utf-8"?>    
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    android:orientation="horizontal"    
    android:layout_width="fill_parent"    
    android:layout_height="fill_parent"    
    >    
    <ImageView    
        android:id="@+id/img"    
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"    
        android:layout_gravity="center_vertical"/>    
    <TextView     
        android:id="@+id/title"    
        android:textSize="18dip"    
        android:layout_weight="1"    
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"/>    
    <CheckBox    
        android:id="@+id/cb"    
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"    
        android:focusable="false"    
        android:focusableInTouchMode="false"    
        android:clickable="false"           
        android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>    
</LinearLayout>
  

 

android:layout_weight="1"这一句可以使中间的textview权重增大,从而后面的checkbok可以居右显示。

    	android:focusable="false"   
        android:focusableInTouchMode="false"   
        android:clickable="false"
  

 

这三句很重要,如果不加就会出现错误。

由于checkbox的点击事件优先级比listview的高,所以要在checkbox中添加android:focusable="false",使得checkbox初始的时候没有获取焦点。

接下来在main.xml中添加Listview组件

 

    <ListView    
        android:id="@+id/lv"    
        android:layout_width="fill_parent"     
        android:layout_height="wrap_content"/>  
  

 

        list=(ListView)findViewById(R.id.lv);    
            MyAdapter adapter=new MyAdapter(this);    
            list.setAdapter(adapter);    
            list.setItemsCanFocus(false);    
            list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);    
        
            list.setOnItemClickListener(new OnItemClickListener(){    
                @Override    
                public void onItemClick(AdapterView<?> parent, View view,    
                        int position, long id) {    
                    ViewHolder vHollder = (ViewHolder) view.getTag();    
    //在每次获取点击的item时将对于的checkbox状态改变,同时修改map的值。    
                    vHollder.cBox.toggle();    
                    MyAdapter.isSelected.put(position, vHollder.cBox.isChecked());    
                }    
            });  
  

 

最后看一下效果图:


Android开发:实现带图片和checkbox的listview

 

要获取哪些项目被选择了,可以这样测试:

        OnClickListener bPop = new OnClickListener() {    
            @Override    
            public void onClick(View v) {    
                for(int i=0;i<list.getCount();i++){    
                    if(MyAdapter.isSelected.get(i)){    
                        ViewHolder vHollder = (ViewHolder) list.getChildAt(i).getTag();    
    Log.i(TAG, "--onClick --"+vHollder.title.getText());    
                    }    
                }    
            }    
        };   
  

 

总结

1、数据可以在Activity中获取,在初始化Adapter的时候当做参数传递过去,这样就可以是list编程动态的。

2、对MyAdapter中getview的理解不够,尤其是convertView.setTag(holder),如果您对getview有什么新的使用心得可以发Email: zhousn@51cto.com ,51CTO将与您一起分享!

 

 

 

 

 

Android开发:实现带图片和checkbox的listview


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论