安卓-ActionBar Sherlock-搜索过滤

Question

我正在尝试使用ActionBar Sherlock实现Action Bar。我有三个Action Button，其中一个是搜索按钮。单击搜索按钮时，应该显示搜索输入字段，我已经实现了这一点。但我希望它占据整个Action Bar的宽度。你有什么办法可以实现同样的效果吗？

- suresh cheemalamudi

---

你尝试过查看 ActionBarSherlock 的示例吗？https://github.com/JakeWharton/ActionBarSherlock/tree/master/samples/demos/src/com/actionbarsherlock/sample/demos - Alex Fu

@ Alex Fu：是的，我正在使用API演示作为编码参考。但它并没有帮助我实现特定的要求。 - suresh cheemalamudi

你尝试过在菜单项中使用 SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW 吗？ - jumper0k

我不知道如何添加(SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW)，能否请您提供建议？ - suresh cheemalamudi

@suresh -- https://github.com/JakeWharton/ActionBarSherlock/blob/master/samples/demos/src/com/actionbarsherlock/sample/demos/CollapsibleActionItem.java 如果你浏览了演示源代码，不确定你是如何错过这个的。 - Alex Fu

@Alex_Fu 很抱歉，你的网页链接已经失效了。 - intrepidis

Answer 1

首先创建一个editTextLayout

layout_search.xml

<?xml version="1.0" encoding="utf-8"?>
<EditText xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/search_edit_text"
    android:cursorVisible="true"
    android:hint="@string/search_friend_hint"
    android:imeOptions="actionDone"
    android:inputType="text"
    android:textColor="@android:color/black"
    android:textCursorDrawable="@android:color/black" />

在您的menu.xml中添加android:actionLayout和android:showAsAction="always|collapseActionView"以添加搜索选项。对于其他选项，使用android:showAsAction="ifRoom"。

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

    <item
        android:icon="@drawable/ic_action_sort"
        android:orderInCategory="1"
        android:showAsAction="ifRoom"
        android:title="@string/menu_sort"/>
    <item
        android:id="@+id/menu_search"
        android:actionLayout="@layout/layout_search"
        android:icon="@drawable/search"
        android:orderInCategory="0"
        android:showAsAction="always|collapseActionView"
        android:title="@string/search"/>

</menu>

在您的activity或fragment中重写onCreateOptionsMenu，像这样：

fragment.java

@Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        super.onCreateOptionsMenu(menu, inflater);
        inflater.inflate(R.menu.menu, menu);

        final EditText editText = (EditText) menu.findItem(
                R.id.menu_search).getActionView();
        editText.addTextChangedListener(textWatcher);

        MenuItem menuItem = menu.findItem(R.id.menu_search);
        menuItem.setOnActionExpandListener(new OnActionExpandListener() {
            @Override
            public boolean onMenuItemActionCollapse(MenuItem item) {
                // Do something when collapsed
                return true; // Return true to collapse action view
            }

            @Override
            public boolean onMenuItemActionExpand(MenuItem item) {
                editText.clearFocus();
                return true; // Return true to expand action view
            }
        });
    }

并添加TextWatcher监听器

private TextWatcher textWatcher = new TextWatcher() {

        @Override
        public void onTextChanged(CharSequence s, int start, int before,
                int count) {

            if (null != mAdapter) {
                mAdapter.getFilter().filter(s);
            }
        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                int after) {
            // TODO Auto-generated method stub

        }

        @Override
        public void afterTextChanged(Editable s) {
            // TODO Auto-generated method stub

        }
    };

- JafarKhQ

---

你能解释一下你的示例中的 mFollowingAdapter 是什么吗？ - cringe

@meng 我改了适配器名称（mAdapter：一个ListView适配器），之前有点尴尬。 - JafarKhQ

@Mehdiway，你可以看到这是一个“背景”，一张PNG图片。如果你想要默认的editText背景，你可以将它移除。 - JafarKhQ

如果您使用自定义适配器（BaseAdapter），则必须实现过滤器，请查看ArrayAdapter代码以获取过滤器。 - JafarKhQ