Android自定义ListView与复选框和更改背景颜色

时间:2012-08-15 16:10:40

标签: android listview android-listview

我有一个带Checkboxes和3 TextViews的自定义ListView。这是列表项的布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/listviewitem_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<CheckBox
    android:id="@+id/faxCheckBox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:focusable="false"
    android:focusableInTouchMode="false" />

    <LinearLayout android:orientation="horizontal"
        android:id="@+id/faxbox_item_first_row"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/faxCheckBox"
        android:paddingTop="8dp"
        android:paddingLeft="8dp"
        android:paddingRight="8dp">
        <TextView android:id="@+id/fax_number_textView"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:lines="1"
            android:ellipsize="start"
            android:textSize="12sp"
            android:paddingRight="5dp"/>
        <TextView android:id="@+id/fax_send_date_textView"
            android:layout_width="wrap_content"
            android:layout_weight="0"
            android:layout_height="wrap_content"
            android:textSize="9sp"/> 
    </LinearLayout>
    <TextView android:id="@+id/more_fax_info_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="9sp"
        android:textColor="@color/gray"
        android:layout_toRightOf="@id/faxCheckBox"
        android:layout_below="@id/faxbox_item_first_row"
        android:paddingLeft="8dp"/>
</RelativeLayout>

我还有listview的自定义arrayadapter:

private class MyAdapter extends ArrayAdapter<Order> {
    private ArrayList<Order> mOrders;
    private Context mContext;
    private int mResourceId;

    public MyAdapter(Context context, int resourceId, ArrayList<Order> orders) {
        super(context, resourceId, orders);
        this.mContext = context;
        this.mOrders = orders;
        this.mResourceId = resourceId;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View view = convertView;

        if (view == null) {
            LayoutInflater vi = (LayoutInflater)mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            view = vi.inflate(mResourceId, parent, false);
        }

        final Order order = mOrders.get(position);

        if (order != null) {
            TextView sender = (TextView)view.findViewById(R.id.number_textView);
            TextView date = (TextView)view.findViewById(R.id.send_date_textView);
            TextView moreInfo = (TextView)view.findViewById(R.id.more_info_textView);
            CheckBox checkBox = (CheckBox)view.findViewById(R.id.checkBox);

            final int itemPosition = position;
            final RelativeLayout rowLayout = (RelativeLayout)view.findViewById(R.id.listviewitem_layout);

            view.setTag(order.getId());

            if (sender != null) {
                sender.setText(order.getSender());
            }

             rowLayout.setBackgroundResource(R.drawable.listview_item_selector);

            if (mSelectedIds.contains(order.getId())) {
                rowLayout.setBackgroundColor(Color.parseColor("#9CD7EF"));
            }

            if (date != null) {
                date.setText(Utils.getStringDateForBox(order.getSendDate(), mContext));
            }

            if (moreInfo != null) {
                moreInfo.setText(getResources().getQuantityString(R.plurals.number_of_pages, order.getPages(), order.getPages()));
            }

            if (checkBox != null) {
                checkBox.setTag(order.getId());

                checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

                    @Override
                    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                        if (mSelectedIds.contains(buttonView.getTag()) == true) {
                            if (isChecked == false) {
                                mSelectedIds.remove(buttonView.getTag());
                            }
                        } else {
                            if (isChecked) {
                                mSelectedIds.add((Long) buttonView.getTag());
                            }
                        }

                        showHideActionMode();
                        setActionModeTitle();
                        mListView.setItemChecked(position, true);
                    }
                });

                if (mSelectedIds.contains(order.getId())) {
                    checkBox.setChecked(true);
                } else {
                    checkBox.setChecked(false);
                }
            }
        }

        return view;
    }
}

listview_item_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true"
      android:drawable="@color/blue" />
<item android:state_pressed="true"
      android:drawable="@color/blue" />
<item android:state_selected="true"
      android:state_activated="true"
      android:drawable="@color/light_blue" />
<item android:state_activated="true"
      android:drawable="@color/light_blue" />
<item android:state_selected="true"
      android:drawable="@color/light_blue" />
<item android:state_focused="false" android:state_selected="false" android:state_pressed="false" 
     android:drawable="@android:color/white" />
<item android:drawable="@android:color/transparent" />
</selector>

问题是,如果我按一行,然后它将背景颜色更改为蓝色,但没有复选框,checbox始终具有橙色背景颜色。我该怎么改变它? 也许我应该以不同的方式制作?我最喜欢ICS上的gmail应用程序。

1 个答案:

答案 0 :(得分:0)

我只找到如何制作自定义复选框,但这不是最佳解决方案。

checbox_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true"
      android:drawable="@drawable/btn_check_off_pressed_holo_light" />
<item android:state_checked="true"
      android:state_pressed="true"
      android:drawable="@drawable/btn_check_on_pressed_holo_light" />
<item android:state_pressed="true"
      android:drawable="@drawable/btn_check_off_pressed_holo_light" />
<item android:state_checked="true"
      android:state_activated="true"
      android:drawable="@drawable/btn_check_on_holo_light" />
<item android:state_activated="true"
      android:drawable="@drawable/btn_check_on_holo_light" />
<item android:state_checked="true"
      android:drawable="@drawable/btn_check_on_holo_light" />
<item android:state_focused="false" android:state_selected="false" android:state_pressed="false" 
     android:drawable="@drawable/btn_check_off_holo_light" />
<item android:drawable="@drawable/btn_check_off_holo_light" />

在我的列表项目布局中,我将其添加到我的复选框:

android:button="@drawable/checkbox_selector"