android:ListView中的复选框(所选元素的奇怪行为)

时间:2011-12-07 04:12:25

标签: android listview adapter

我发现了herehere类似的问题,但问题略有不同。

在ListView中,我尝试放置一个适配器(从基本适配器扩展)内容复选框。

列表视图布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/mainLayout"
 >

    <Button
        android:id="@+id/close_cat"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="buttonClick"
        android:text="@string/back" />

    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</LinearLayout>

列表元素的XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <TableLayout
        android:id="@+id/blocCheck"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="25px"
        android:layout_marginTop="25px"
        android:background="@color/black" >

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:baselineAligned="true"
            android:paddingLeft="4sp" >

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:orientation="horizontal"
                android:paddingLeft="20sp" >

                <ImageView
                    android:id="@+id/iv_cat"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />

                <TextView
                    android:id="@+id/category"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="left"
                    android:layout_marginLeft="15dip"
                    android:text="tfgldkjhglf"
                    android:textSize="20sp" />
            </LinearLayout>

            <CheckBox
                android:id="@+id/check_cat"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:layout_marginRight="10sp"
                android:onClick="MyHandler" />
        </TableRow>
    </TableLayout>

</LinearLayout>

我在我的视图中设置了适配器:

list = getListView();
list.setAdapter(new CatAdapter(this, listCat));

我的适配器:

public class CatAdapter extends BaseAdapter {

    private LayoutInflater  mInflater;
    private List<CatAdapterObject> mListAppInfo;
    private Context mContext;


    /**
     * Constructor
     * @param context
     * @param data
     * @param resource
     * @param from
     * @param to
     */
    public CatAdapter (Context context, List<CatAdapterObject> list){   
        mContext = context;
        mListAppInfo = list;
        mInflater = LayoutInflater.from(mContext);      
    }

    /**
     * number of elements
     */
    @Override
    public int getCount() {
        return mListAppInfo.size();
    }

    /**
     * get an item in the list
     */
    @Override
    public Object getItem (int position){
        return mListAppInfo.get(position).getId();
    }

    /**
     * get id of the selected item
     */
    @Override
    public long getItemId(int position) {
        return mListAppInfo.get(position).getId();
    }

    /**
     * get the view
     */
    @Override
    public View getView (int position, View convertView, ViewGroup parent){

        LinearLayout layoutItem;

        if (convertView == null) {
            layoutItem = (LinearLayout) mInflater.inflate(R.layout.category,    parent, false);
        } else {
            layoutItem = (LinearLayout) convertView;
        }

        // get the current category
        CatAdapterObject entry =  mListAppInfo.get(position);

        //view setting
        TextView category = (TextView) layoutItem.findViewById(R.id.category);
        CheckBox cb         = (CheckBox) layoutItem.findViewById(R.id.check_cat);
        ImageView iv_cat    = (ImageView) layoutItem.findViewById(R.id.iv_cat);

        //elements setting
        category.setText(entry.getName());

        //checkbox
        cb.setChecked(entry.isChecked());
        cb.setTag(position);

        //picture
        Bitmap icon = Utils.getResizedBitmap(BitmapFactory.decodeResource(mContext.getResources(),entry.getPict()),45,45,true);     
        iv_cat.setImageBitmap(icon);

        return layoutItem;

    }
}

当活动被推出时,列表会完美显示。我可以毫无问题地向上/向下滚动。但是,当我选中其中一个复选框并向下滚动时,选中“松散”的复选框和列表中最新框的背景颜色会发生变化。

选中框时,会调用以下方法(在我的活动文件中):

public void MyHandler(View v) {

        //クリックされたcheckbox
        cb = (CheckBox) v;

        Log.d("CHECKBOX","before :"+Utils.implode(",",this.cat_id_list));

        //get position in the list
        Integer position = Integer.parseInt(cb.getTag().toString());

        //instance of the view (list's child)
        View o = list.getChildAt(position).findViewById(R.id.blocCheck);

        // check if box is checked
        if (cb.isChecked()) { 
            o.setBackgroundResource(R.color.pink);

            this.cat_id_list.add(position.toString());

        // 背景色を替え、リストから削除
        } else { 

            o.setBackgroundResource(R.color.black);

            Collections.sort(this.cat_id_list);
            int index = Collections.binarySearch(this.cat_id_list,position.toString());
            this.cat_id_list.remove(index);

        }

        Log.d("CHECKBOX","after :"+Utils.implode(",",this.cat_id_list));
    }

我的列表中有8个元素,但是当我检查列表的“mChildrenCount”时,只有5个元素。

我只想保存已选中元素的“this.cat_id_list”ID,并更改所选项目的背景颜色。

感谢您的帮助!

2 个答案:

答案 0 :(得分:4)

在你的getView中,你需要这样的东西(这段代码让你知道它在你的情况下是如何工作的):

ListView lv = ((ListActivity)context).getListView();
// Containing all check states
SparseBooleanArray sba = lv.getCheckedItemPositions();

CheckBox cb = (CheckBox) convertView.findViewById(R.id.yourcheckbox);

cb.setChecked(false);

if(sba != null)
  if(sba.get(position))
     cb.setChecked(true);

这就是活动方面你需要的。

你已经通过android:在xml中使用selectMode或使用setChoiceMode将ListView设置为多选模式。复选框应该是不可点击的,不可聚焦的。

您必须删除按钮上的onClick侦听器。无论你在onClick按钮上做什么,你都必须将该逻辑添加到ListActivtiy的onListItemClick。

答案 1 :(得分:3)

我也有同样的问题。我用以下方法解决了这个问题 我创建了一个bean类来设置checkbox的checked属性并使用ArrayAdapterArrayAdpater扩展了bean类。

Bean类

public class MCSSCheckState
{
    private boolean isChecked;
    public boolean getIsChecked()
    {
        return isChecked;
    }
    public void setIsChecked(boolean isChecked)
    {
        this.isChecked = isChecked;
    }
}

Java类

ArrayList<MCSSCheckState> mTitleList = new ArrayList<MCSSCheckState>();
MCSSCheckState check_state=new MCSSCheckState();
check_state.setIsChecked(false);
mTitleList.add(i, check_state);
ListAdapters adapter = new ListAdapters(this,R.id.camTitleTextView, mTitleList);
ListView mListView = (ListView) findViewById(R.id.cameraListView);
mListView.setAdapter(adapter);

适配器类

private class ListAdapters extends ArrayAdapter<MCSSCheckState>
{
    private ArrayList<MCSSCheckState> items;
    private int position;       
    public ListAdapters(Context context, int textViewResourceId,
                        ArrayList<MCSSCheckState> mTitleList) 
                        {
                            super(context, textViewResourceId, mTitleList);
                            this.items = mTitleList;
                        }
                        @Override
                        public View getView(int position, View convertView, ViewGroup parent)
                        {
                            View v = convertView;
                            this.position = position;
                            if (v == null)
                            {
                                LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                                v = inflater.inflate(R.layout.camerslistinflater, null);
                            }
                            MCSSCheckState o = (MCSSCheckState) items.get(position);
                            if (o != null)
                            {
                                checkBox = (CheckBox) v.findViewById(R.id.checkBox1);
                                checkBox.setTag(position);
                                checkBox.setChecked(o.getIsChecked());
                                checkBox.setOnClickListener(new OnClickListener()
                                {
                                     @Override
                                     public void onClick(View v)
                                     {
                                         MCSSCheckState obj = (MCSSCheckState) items.get(Integer.parseInt(v.getTag().toString()));
                                         obj.setIsChecked(((CheckBox)v).isChecked());
                                         items.set(Integer.parseInt(v.getTag().toString()), obj);                       
                                     }
                                 });
                             }
                             return v;
                         });
}

希望这会对你有所帮助。