Question

我在MainActivity中有一个折叠工具栏，工具栏中有一个SearchView。单击搜索视图图标后，搜索视图将在工具栏中折叠。折叠工具栏时工作正常。但是，如果我单击搜索图标并向上滚动，折叠的搜索视图将隐藏。我希望折叠后的搜索视图在向上滚动时可见。我跟着这个链接MaterialSearchView

折叠工具栏折叠时的屏幕

现在，如果我点击搜索图标，屏幕就会显示如下

到目前为止，searchview工作正常。现在，如果我向上滚动屏幕看起来像这样

现在，如果我点击搜索图标，搜索视图会崩溃，但会被隐藏。因此，即使折叠工具栏未折叠，我也希望在工具栏中折叠搜索视图。这是当工具栏未折叠并单击搜索图标时我想要的屏幕截图

这是我的activity_main.xml

[[ $- == *i* ]] || return

这是我的MainActivity.java

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    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"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:expandedTitleTextAppearance="@android:color/transparent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <com.daimajia.slider.library.SliderLayout
                android:id="@+id/slider"
                android:layout_width="match_parent"
                android:layout_height="150dp"
                />

        </RelativeLayout>
        <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" />
        <com.miguelcatalan.materialsearchview.MaterialSearchView
            android:id="@+id/search_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />
    </android.support.design.widget.CollapsingToolbarLayout>
    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        app:tabIndicatorColor="@color/pink"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

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



<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab_list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:layout_margin="16dp"
    android:src="@drawable/ic_launcher_white"
    android:layout_gravity="end|bottom"
    app:rippleColor="@android:color/white"
    app:backgroundTint="@color/primary"
    app:elevation="10dp"
    />

Answer 1

我用 edittext 和 textchangedlistener

解决了这个问题

在xml

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<androidx.coordinatorlayout.widget.CoordinatorLayout

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorTransparent"
    android:fitsSystemWindows="true">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:background="@color/colorBlack_50"
        android:theme="@style/AppTheme.AppBarOverlay">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:fitsSystemWindows="true"
            android:gravity="bottom"
            app:contentScrim="@color/colorBlack_50"
            app:expandedTitleMargin="10dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            //some views

        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>

在activity

editTextSearch.setVisibility(View.VISIBLE);
editTextSearch.addTextChangedListener(new TextWatcher() {
   @Override
   public void afterTextChanged(Editable s) {
       searchAudio(editTextSearch.getText().toString());
   }

   @Override
   public void beforeTextChanged(CharSequence cs, int s, int b, int c) {}

   @Override
   public void onTextChanged(CharSequence query, int s, int b, int c) {}
});

向上滚动时，折叠工具栏中的SearchView会被隐藏

1 个答案: