web-dev-qa-db-ja.com

Android-ActionbarSherlock-検索フィルター

enter image description here

ActionBarSherlockを使用してアクションバーを実装しようとしています。 3つのアクションボタンがあり、そのうちの1つは検索ボタンです。検索ボタンをクリックすると、すでに実装した検索入力フィールドが表示されます。しかし、私はそれがアクションバーの全幅を取ることを望みます。私が同じことをどのように達成できるかについての考え。

androidandroid-actionbaractionbarsherlocksearchview
18
suresh cheemalamudi

最初に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" />

メニューxmlで、検索オプションにAndroid:actionLayoutとAndroid:showAsAction="always|collapseActionView"を追加します。他のオプションについては、Android:showAsAction="ifRoom"を作成してください

menu.xml

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

アクティビティまたはフラグメントで、このfragment.JavaのようにonCreateOptionsMenuをオーバーライドします。

@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
            }
        });
    }

そしてtextWatcherListenerを追加します

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

        }
    };
23
JafarKhQ