CollapsingToolbarLayout содержит ViewPager и поле поиска в нем.Как запретить свертывание окна поиска, а ViewPager сворачивается - PullRequest
Новая
       78

CollapsingToolbarLayout содержит ViewPager и поле поиска в нем.Как запретить свертывание окна поиска, а ViewPager сворачивается

0 голосов
/ 07 октября 2018

Я использую CollapsingToolbarLayout в своем фрагменте.Он содержит A RelativeLayout, состоящий из ViewPager и EditText, выровненных по верху ViewPager.Когда пользователь прокручивает панель инструментов вниз, она сворачивается.То, что я хочу, это когда он сворачивается, я хочу сделать только ViewPager свертывание, но Редактировать текст остается не свернутым.

Это мой файл 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"
    android:id="@+id/main_content"
    android:orientation="vertical"
    android:layout_marginBottom="10dp"
    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:fitsSystemWindows="true">

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/collapsing_toolbar"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                android:fitsSystemWindows="true"
                app:contentScrim="@color/colorPrimaryDark"
                app:layout_scrollFlags="scroll|exitUntilCollapsed">

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="180dp">

                    <android.support.v4.view.ViewPager
                        android:id="@+id/view_pager"
                        android:layout_width="match_parent"
                        android:layout_height="180dp"
                        android:layout_gravity="top"
                        android:scaleType="centerCrop"
                        android:background="@drawable/loading_image"
                        android:fitsSystemWindows="true"
                        app:layout_collapseMode="pin" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:id="@+id/user"
                        android:text=""
                        android:gravity="center"
                        android:layout_centerInParent="true"
                        android:textSize="16sp"
                        android:textColor="#ff0000"/>
               <RelativeLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:background="@android:color/transparent"
                    android:layout_below="@+id/user"
                    android:layout_marginLeft="15dp"
                    android:layout_marginRight="15dp">

                    <EditText
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:hint="Search here"
                        android:padding="10dp"
                        android:id="@+id/srch"
                        android:textColor="#000"
                        android:maxLines="1"
                               android:background="@drawable/search_border_grey"/>

                    <ImageButton
                        android:id="@+id/button1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:src="@drawable/search_24"
                        android:layout_centerVertical="true"
                        android:background="#fff"
                        android:layout_margin="5dp"
                        android:text="Button"/>
                </RelativeLayout> 



                    <LinearLayout
                        android:id="@+id/layoutDots"
                        android:layout_width="match_parent"
                        android:layout_height="30dp"
                        android:layout_alignParentBottom="true"
                        android:layout_marginBottom="10dp"
                        android:layout_marginTop="5dp"
                        android:gravity="center"
                        android:orientation="horizontal"></LinearLayout>
                </RelativeLayout>
                <android.support.v7.widget.Toolbar
                    android:id="@+id/collapsing_toolbar2"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    app:layout_collapseMode="pin">

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



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

    <RelativeLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:id="@+id/root_layout"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <GridView
            android:id="@+id/customgrid"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:paddingBottom="10dp"
            android:gravity="center"
            android:horizontalSpacing="10dp"
            android:numColumns="2"
            android:verticalSpacing="3dp"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />
    </RelativeLayout>
</android.support.design.widget.CoordinatorLayout>

Я попытался добавитьновый макет ниже AppBarLayout и отображение его при свертывании Toolbar, но он имеет плохой пользовательский интерфейс, поскольку вызывает мерцание пользовательского интерфейса.Есть ли решение для моего требования.Все ваши ответы приветствуются.

1 Ответ

0 голосов
/ 07 октября 2018

Когда пользователь прокручивает панель инструментов вниз, она сворачивается.Что я хочу, так это когда он сворачивается, я хочу сделать только свертывание ViewPager, но Edit Text остается не свернутым.

Вы добавили "scroll|exitUntilCollapsed" в CollapsingToolbarLayout, что означает, что он закроет выходпредставление, когда оно рухнуло.

Чтобы EditText (Поиск) оставался там, я бы предложил добавить EditText внутри CoordinatorLayout, как его потом, привязав его к AppBarLayout.Точно так же, как когда мы привязываем Fab внутри CoordinatorLayout. 

app:layout_anchor="@id/appbar"
app:layout_anchorGravity="bottom|center" // change it for your own porpuse

Другой способ, который я бы предложил (не проверено), это добавить: 

app:layout_collapseMode="pin"

к вашемуView (EditText или его контейнер) или изменение флагов на: 

app:layout_scrollFlags="scroll|snap"

В CollapsingToolbarLayout.

Это, однако, может быть выполнено путем обработкиAppBarLayout поведение, чтобы определить, когда оно свернуто или израсходовано: 

@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int offset)
{
    if (offset == 0)
    {
        // Fully expanded
        // make your view visible or not collapsible here maybe?
    }
    else
    {
        // Not fully expanded or collapsed
    }
}

Проверка: Как определить, что CollapsingToolbar свернут?

...