簡體   English   中英

展開的工具欄布局中的操作欄搜索

[英]Action Bar Search in collapsing Toolbar Layout

我有一個帶有回收站視圖的CollapsingToolbarLayout。 在我的操作欄中,我有一個搜索菜單項。 但是,每當我單擊搜索圖標時,edittext布局都不會出現。

截圖:-A)未單擊搜索時 原來

B)當點擊搜索圖標時 點擊后

我的main_activity.xml代碼:-

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:id="@+id/activity_main_id"
    tools:context="objectdistance.ankeshkjaisansaria.ram.sita.cameratag.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">


        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginStart="48dp"
            app:expandedTitleMarginEnd="64dp"
            android:fitsSystemWindows="true">

            <ImageView
                android:id="@+id/imagetoolbar"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="centerCrop"
                android:fitsSystemWindows="true"
                app:layout_scrollFlags="scroll"
                app:layout_collapseMode="parallax"/>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin" />

        </android.support.design.widget.CollapsingToolbarLayout>


    </android.support.design.widget.AppBarLayout>




    <android.support.v7.widget.RecyclerView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />



</android.support.design.widget.CoordinatorLayout>

在我的activity.java中,搜索項是通過以下方式處理的:

        ActionBar action = getSupportActionBar(); //get the actionbar
        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

但是search_bar布局不只出現。 而且標題也沒有隱藏。

使用折疊布局時,是否有任何其他方法可以處理菜單項中的搜索?

現在我們有了Android中的工具欄。 因此,請使用To Tooolbar視圖作為ActionBar,而不是Activity中的ActionBar。

  Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        ActionBar ab = getSupportActionBar();

現在對ab進行操作。 默認情況下,您的活動顯示一個操作欄,但工具欄將其隱藏。 也將菜單項用作

<item
    android:id="@+id/action_search"
    android:icon="@drawable/ic_action_search"
    android:title="Search for products"
     app:actionViewClass="android.support.v7.widget.SearchView"
     app:showAsAction="always|collapseActionView"
    />

您應該實施類似的操作,以使“搜索字段”正常運行:

   public boolean onCreateOptionsMenu(Menu menu) {

   getMenuInflater().inflate(R.menu.menu_search_list, menu);

  MenuItem searchMenuItem = menu.findItem(R.id.action_search);

  android.support.v7.widget.SearchView searchView = (android.support.v7.widget.SearchView) MenuItemCompat.getActionView(searchMenuItem);

    searchView.setQueryHint(getString(R.string.type_here_to_filter));

    searchView.setOnQueryTextListener(new android.support.v7.widget.SearchView.OnQueryTextListener() {
        @Override
        public boolean onQueryTextSubmit(String query) {
            return searchForAnItemInTheRecyclerView(query);
        }

        @Override
        public boolean onQueryTextChange(String newText) {
            return searchForAnItemInTheRecyclerView(newText);
        }
    });

    return true;
}

嘗試將此添加到菜單xml上的項目中。

app:actionLayout= "@layout/YourSearchLayout" 

嘗試在Menu.xml文件中添加這樣的項目:

 <item
    android:id="@+id/action_settings"
    android:orderInCategory="100"
    android:icon="@drawable/src"
    android:title="@string/action_settings"
    app:showAsAction="always|collapseActionview" />

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM