带有复选框的类似 Gmail 的 ListView（并使用 ActionBar）答案

【问题标题】：Gmail-like ListView with checkboxes (and using the ActionBar)带有复选框的类似 Gmail 的 ListView（并使用 ActionBar）
【发布时间】：2012-02-09 02:35:51
【问题描述】：

我正在尝试重现 Google 对 Gmail 应用中的 ListView 所做的操作。特别是，我希望每个列表项都包含一个 CheckBox 和两个 TextView（一个在另一个之上）。当 CheckBox 被选中（或单击）以及单击列表项上的其他任何位置时，我需要侦听器。最后，我希望 ActionBar 反映已选择的项目并提供全选、全选等选项（请参阅this screenshot）。

到目前为止，这是我想出的布局。

<?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" >

    <CheckBox android:id="@+id/checkBox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|center_horizontal" />

    <LinearLayout android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="6dp"
        android:focusable="true"
        android:clickable="true" >

        <TextView android:id="@+id/titleTextView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="16sp" />

        <TextView android:id="@+id/dateTextView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="12sp" />

    </LinearLayout>

</LinearLayout>

这会正确显示所有内容，但我需要有关如何为两个视图（@+id/checkBox 和 @+id/linearLayout1）设置侦听器的指针.我查看了List16 API demo，但他们使用的是 simple_list_item_activated_1 布局，我不确定 XML 的样子。正如他们的代码所示，我创建了一个实现 ListView.MultiChoiceModeListener 的 ModeCallback 类，并将 ListView 的选择模式设置为 CHOICE_MODE_MULTIPLE_MODAL，但我不知道如何获取 CheckBox在我的布局中使用它。

是否有人成功复制了 Gmail 应用的 ListView 行为？我进行了相当多的搜索，但无法提出任何建议（尽管其他几个人提出了类似的问题，like this one - 大多数答案都指向同一个 API 演示）。

另外，就上下文而言，我正在将 SQLite 数据库中的数据加载到列表中，并且我创建了自己的光标适配器（工作正常）。我感觉我需要在 newView() 和 bindView() 方法中在这个类中设置监听器，但是我尝试过的所有方法都没有奏效。

有什么想法吗？

【问题讨论】：

我需要更好地解释我的问题，还是我问的太多了？ ://

标签： android listview checkbox android-actionbar

【解决方案1】：

这适用于 SDK 7 (android 2.1) 及更高版本。（与 SherlockActionBar 一起）

完全模仿 gmail 列表框体验。

我覆盖了 onTouchEvent，所以按下左角将激活选择模式；比尝试点击小复选框更好。

我覆盖了 performItemClick，所以在左侧按 not 将作为常规按动作。

我重写了 setItemChecked，所以它会根据需要更新 mActionMode。

public class SelectListView extends ListView {

    private SherlockFragmentActivity mActivity;
    ActionMode mActionMode;

      public SelectListView(Context context) {
    this( context, null, 0); 
}

public SelectListView(Context context, AttributeSet attrs) {   
    this( context, attrs, 0); 
}   


public SelectListView(Context context, AttributeSet attrs, int defStyle) {
    super( context, attrs, defStyle ); 
    setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
    mActivity = (SherlockFragmentActivity) context;
}

    @Override
    public boolean performItemClick(View view, int position, long id) {
        OnItemClickListener mOnItemClickListener = getOnItemClickListener();
        if (mOnItemClickListener != null) {
            playSoundEffect(SoundEffectConstants.CLICK);
            if (view != null)
                view.sendAccessibilityEvent(AccessibilityEvent.TYPE_VIEW_CLICKED);
            mOnItemClickListener.onItemClick(this, view, position, id);
            return true;
        }
        return false;
    }

    boolean mSelectionMode = false;
    int mStartPosition;

    @Override
    public boolean onTouchEvent(MotionEvent ev) {

        final int action = ev.getAction();
        final int x = (int) ev.getX();
        final int y = (int) ev.getY();

        if (action == MotionEvent.ACTION_DOWN && x < getWidth() / 7) {
            mSelectionMode = true;
            mStartPosition = pointToPosition(x, y);
        }
        if (!mSelectionMode)
            return super.onTouchEvent(ev);
        switch (action) {
        case MotionEvent.ACTION_DOWN:
            break;
        case MotionEvent.ACTION_MOVE:
            if (pointToPosition(x, y) != mStartPosition)
                mSelectionMode = false;
            break;
        case MotionEvent.ACTION_CANCEL:
        case MotionEvent.ACTION_UP:
        default:
            mSelectionMode = false;
            int mItemPosition = pointToPosition(x, y);
            if (mStartPosition != ListView.INVALID_POSITION)
                setItemChecked(mItemPosition, !isItemChecked(mItemPosition));
        }

        return true;
    }

    @Override
    public void setItemChecked(int position, boolean value) {
        super.setItemChecked(position, value);
        // boolean r = getAdapter().hasStableIds();
        int checkedCount = getCheckItemIds().length;

        if (checkedCount == 0) {
            if (mActionMode != null)
                mActionMode.finish();
            return;
        }
        if (mActionMode == null)
            mActionMode = mActivity.startActionMode(new ModeCallback());

        mActionMode.setTitle(checkedCount + " selected");

    }

    class ModeCallback implements ActionMode.Callback {

        @Override
        public boolean onCreateActionMode(ActionMode mode, Menu menu) {

            menu.add(getResources().getString(R.string.aBar_remove)).setIcon(R.drawable.ic_action_trash)
                    .setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);

            return true;
        }

        @Override
        public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
            return true;
        }

        @Override
        public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
            Toast.makeText(mActivity, "Delted  items", Toast.LENGTH_SHORT).show();
            mode.finish();
            return true;
        }

        @Override
        public void onDestroyActionMode(ActionMode mode) {
            mActionMode = null;
            clearChecked();
        }

    }

    public void clearChecked() {
        SparseBooleanArray CItem = getCheckedItemPositions();
        for (int i = 0; i < CItem.size(); i++)
            if (CItem.valueAt(i))
                super.setItemChecked(CItem.keyAt(i), false);
    }

}

您可以使用任何您需要的列表框适配器。

如果您的 list_item_layout 上有一个复选框，则需要像这样扩展您的适配器：

ArrayAdapter<String> mAdapter = new ArrayAdapter<String>(this, R.layout.simple_list_item_multiple_choice,
            R.id.text1, Cheeses.sCheeseStrings) {

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View v = super.getView(position, convertView, parent);
            CheckBox checkBox = (CheckBox) v.findViewById(R.id.CheckBox);
            checkBox.setChecked(((ListView)parent).isItemChecked(position));
            return v;
        }

    };

不要忘记在您的 list_item_layout.xml 上使用 android:background="?attr/activatedBackgroundIndicator"

【讨论】：

我在滚动列表视图时使用复选框实现上下文操作栏，然后不维护操作栏上设置的复选框计数。有什么帮助吗？

【解决方案2】：

图中的模式称为动作模式。如果您使用自定义行视图和自定义适配器，则不必使用 CHOICE_MODE_MULTIPLE_MODAL 来启动操作模式。我试了一次，失败了，怀疑是用于内置适配器的。

为了在您的代码中自己调用动作模式，请在您的任何视图的任何侦听器方法中调用方法 startActionMode，让它是复选框、文本视图或类似的东西。然后您将 ModeCallback 作为参数传递给它，并在 ModeCallback 类中执行您想要执行的任何操作。

我不认为这个可以在 3.0 之前的 Android 上运行。

这里是一个简短的例子。我有一个可扩展的列表活动，并希望在用户选中/取消选中复选框时调出操作模式菜单，这是我的自定义适配器类中的 getChildView 方法：

public View getChildView(int groupPosition, int childPosition,
            boolean isLastChild, View convertView, ViewGroup parent) {

        if (convertView == null) {
            LayoutInflater inflater =  (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.childrow, null);
        }
        CheckBox cb = (CheckBox)convertView.findViewById(R.id.row_check);
        cb.setChecked(false);   // Initialize
        cb.setTag(groupPosition + "," + childPosition);
        cb.setFocusable(false); // To make the whole row selectable
        cb.setOnCheckedChangeListener(new OnCheckedChangeListener() {
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                String tag = (String)buttonView.getTag();
                String[] pos = tag.split(",");
                if (isChecked) {
                    if (mActionMode == null) mActionMode = startActionMode(mMultipleCallback);                      
                }
                else {
                    if (mActionMode != null) {  // Only operate when mActionMode is available

                        mActionMode.finish();
                        mActionMode = null;
                    }
                }
            }
        });

        TextView tvTop = (TextView)convertView.findViewById(R.id.row_text_top);
        TextView tvBottom = (TextView)convertView.findViewById(R.id.row_text_bottom);
        tvTop.setText(mChildren.get(groupPosition).get(childPosition));
        tvBottom.setText(mChildrenSize.get(groupPosition).get(childPosition));
        return convertView;
    }

【讨论】：

谢谢！今晚我会试试这个，看看我能不能让它工作。在此之前将其标记为答案。

【解决方案3】：

除了cnbuff410的回答，使用以下代码更新检查项目计数

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked) {
    ++checkBoxCount;
 } else {
    --checkBoxCount;
 }
...

if (mActionMode != null) {
    mActionMode.setSubtitle(checkBoxCount + " item(s) selected.");
}

我可以确认以下代码不适用于自定义列表视图的复选框。但是，长按仍然有效：

listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE_MODAL);
listView.setMultiChoiceModeListener(new ModeCallback());

选择自定义 ListView 上的复选框不会触发动作模式。仅内置 ListView，例如扩展 ListActivity 会自动做到这一点。

【讨论】：