【问题标题】:Add search icon on action bar android在操作栏android上添加搜索图标
【发布时间】:2016-04-21 21:00:38
【问题描述】:

大家好。

我在操作栏中有一个搜索图标,如下图所示

点击后,我希望操作栏更改为editText,并在editText 旁边搜索icon

我知道如何使用图像制作 editText,但是如何将 editText 放在操作栏上,如下图所示?一旦editText充满了值,我想使数据显示值。我应该使用意图吗?

这是我迄今为止尝试过的。

活动 A

 getData(deviceName, month); // retrieve data from `MySQL` and load into listView

        @Override
         public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items to the action bar if it is present.
            MenuInflater inflater = getMenuInflater();
            inflater.inflate(R.menu.create_menu, menu); 
            return true;
        }

        @Override
        public boolean onPrepareOptionsMenu(Menu menu) {
            mSearchAction = menu.findItem(R.id.search);
            return super.onPrepareOptionsMenu(menu);
        }

        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            // Handle action bar item clicks here. The action bar will
            // automatically handle clicks on the Home/Up button, so long
            // as you specify a parent activity in AndroidManifest.xml.
            switch (item.getItemId()) {

                case R.id.search: // should I need to add intent ?
                    handleMenuSearch();
                    return true;

                case R.id.add: // create new file
                    View menuItemView = findViewById(R.id.add);
                    PopupMenu po = new PopupMenu(HomePage.this, menuItemView); //for drop-down menu
                    po.getMenuInflater().inflate(R.menu.popup_menu, po.getMenu());
                    po.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
                        public boolean onMenuItemClick(MenuItem item) {
                            //  Toast.makeText(MainActivity.this, "You Clicked : " + item.getTitle(), Toast.LENGTH_SHORT).show();
                            if ("Create New File".equals(item.getTitle())) {
                                Intent intent = new Intent(HomePage.this, Information.class);  // go to Information class
                                startActivity(intent);

                            } else if ("Edit File".equals(item.getTitle())) {
                                Intent intent = new Intent(HomePage.this, Edit.class);
                                startActivity(intent);
                            }
                            return true;
                        }
                    });
                    po.show(); //showing popup menu

            }
            return super.onOptionsItemSelected(item);
        }

        protected void handleMenuSearch(){
            ActionBar action = getSupportActionBar(); //get the actionbar

            if(isSearchOpened){ //test if the search is open

                action.setDisplayShowCustomEnabled(false); //disable a custom view inside the actionbar
                action.setDisplayShowTitleEnabled(true); //show the title in the action bar

                //hides the keyboard
                InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                imm.hideSoftInputFromWindow(edtSeach.getWindowToken(), 0);

                //add the search icon in the action bar
                mSearchAction.setIcon(getResources().getDrawable(R.mipmap.search));

                isSearchOpened = false;
            } else { //open the search entry

                action.setDisplayShowCustomEnabled(true); //enable it to display a
                // custom view in the action bar.
                action.setCustomView(R.layout.search_bar);//add the custom view
                action.setDisplayShowTitleEnabled(false); //hide the title

                edtSeach = (EditText)action.getCustomView().findViewById(R.id.edtSearch); //the text editor

                //this is a listener to do a search when the user clicks on search button
                edtSeach.setOnEditorActionListener(new TextView.OnEditorActionListener() {
                    @Override
                    public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                        if (actionId == EditorInfo.IME_ACTION_SEARCH) {
                            doSearch();
                            return true;
                        }
                        return false;
                    }
                });


                edtSeach.requestFocus();

                //open the keyboard focused in the edtSearch
                InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                imm.showSoftInput(edtSeach, InputMethodManager.SHOW_IMPLICIT);


                //add the close icon
                mSearchAction.setIcon(getResources().getDrawable(R.mipmap.search));

                isSearchOpened = true;
            }
        }

      @Override
        public void onBackPressed() {
            if(isSearchOpened) {
                handleMenuSearch();
                return;
            }
            super.onBackPressed();
        }

        private void doSearch() {
    //
        }


    }

活动 A 的屏幕截图

当按下搜索图标时,它应该指向另一个页面并在 editText 上有一个搜索图标(就像第二张图片一样),但它没有。它保留在同一页面中。

这就是我想要的(来自微信)

在按下图标之前

按下后

【问题讨论】:

    标签: android search android-actionbar icons


    【解决方案1】:

    你应该使用内置的 android SearchView 这符合 Android UI 模式

    menu.xml

    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        tools:context=".ui.home.activities.TransactionSearchActivity">
        <item
            android:id="@+id/action_search"
            android:icon="@android:drawable/ic_menu_search"
            android:title="@string/search"
            app:actionViewClass="android.support.v7.widget.SearchView"
            app:showAsAction="ifRoom" />
    </menu>
    

    活动代码

    @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            getMenuInflater().inflate(R.menu.menu_transaction_search, menu);
            final MenuItem searchItem = menu.findItem(R.id.action_search);
    
            if (searchItem != null) {
                searchView = (SearchView) MenuItemCompat.getActionView(searchItem);
                searchView.setOnCloseListener(new SearchView.OnCloseListener() {
                    @Override
                    public boolean onClose() {
                     //some operation
                    }
                });
                searchView.setOnSearchClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        //some operation
                    }
                });
                EditText searchPlate = (EditText) searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
                searchPlate.setHint("Search");
                View searchPlateView = searchView.findViewById(android.support.v7.appcompat.R.id.search_plate);
                searchPlateView.setBackgroundColor(ContextCompat.getColor(this, android.R.color.transparent));
                // use this method for search process
                searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
                    @Override
                    public boolean onQueryTextSubmit(String query) {
                        // use this method when query submitted
                        Toast.makeText(context, query, Toast.LENGTH_SHORT).show();
                        return false;
                    }
    
                    @Override
                    public boolean onQueryTextChange(String newText) {
                        // use this method for auto complete search process
                        return false;
                    }
                });
                SearchManager searchManager = (SearchManager) getSystemService(SEARCH_SERVICE);
                searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
    
            }
            return super.onCreateOptionsMenu(menu);
        }
    
        @Override
        public void onBackPressed() {
            if (!searchView.isIconified()) {
                searchView.setIconified(true);
                findViewById(R.id.default_title).setVisibility(View.VISIBLE);
            } else {
                super.onBackPressed();
            }
        }
    

    确保膨胀菜单:D

    【讨论】:

    • 你能再看看我的帖子吗?我应该使用意图吗?
    • 您在使用此选项菜单的同一活动中更新数据。这不需要 Intent。
    • 所以当点击后退按钮(在editText旁边)时,它会显示一月份的listView?
    • 您可以使用searchView.setQueryHint("Search");,而不是获取“searchPlate”EditText 并使用searchPlate.setHint("Search");
    【解决方案2】:

    那个小部件名称是:android.support.v7.widget.SearchView

    http://developer.android.com/reference/android/widget/SearchView.html

    在您的菜单中:

     <item
            android:id="@+id/action_search"
            android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
            android:title="@string/srch"
            app:actionViewClass="android.support.v7.widget.SearchView"
            app:showAsAction="ifRoom|collapseActionView" />
    

    Java:

     @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            getMenuInflater().inflate(R.menu.menu_main, menu);
            // Retrieve the SearchView and plug it into SearchManager
            final SearchView searchView = (SearchView) MenuItemCompat.getActionView(menu.findItem(R.id.action_search));
            SearchManager searchManager = (SearchManager) getSystemService(SEARCH_SERVICE);
            searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
    
            return true;
        }
    

    这和MaterialDesign 图标一模一样。

    android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
    

    【讨论】:

    • 先生,我应该在单击搜索图标时使用意图,以便在 editText 填充值时显示相关数据吗?
    • 这取决于您的期望,根据我的回答,您可以在不使用意图的情况下使用它。
    • android:icon="@android:drawable/ic_menu_search"
    • 如果您已更新到 Android X,请在 XML 和 Java 类中使用 androidx.appcompat.widget.SearchView。