使用选项卡折叠工具栏布局,仅当选项卡到达android中的工具栏时才折叠工具栏

时间:2015-12-14 07:31:15

标签: android android-toolbar android-coordinatorlayout android-collapsingtoolbarlayout

很抱歉,如果我没有用完整的方式格式化问题,我会解释我的问题。

我想在折叠工具栏布局中实现制表符,一切都按预期正常工作但问题是工具栏折叠。我希望工具栏只有当标签到达工具栏时才会折叠(就像谷歌播放一样)但是当我的代码工具栏在用户刷卡时立即折叠

当我向下滚动时,我想要标签和工具栏来。这是我的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:descendantFocusability="beforeDescendants"
    android:focusableInTouchMode="true"
    android:id="@+id/mainLayout"
    tools:context=".activity.NavigationDrawerActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:fitsSystemWindows="true"
        app:layout_scrollFlags="scroll|enterAlwaysCollapsed"
        android:layout_height="256dp">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlwaysCollapsed">


            <ImageView
                android:id="@+id/header"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/winner_edge"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.7"
                android:scaleType="centerCrop" />

            <android.support.v7.widget.Toolbar
                android:layout_margin="8dp"
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                app:layout_collapseMode="parallax"
                android:background="@color/white"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/AppTheme.PopupOverlay">

                <RelativeLayout
                    android:layout_width="match_parent"
                    app:layout_collapseMode="parallax"
                    android:layout_height="match_parent">

                    <AutoCompleteTextView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:id="@+id/searchView"
                        android:visibility="gone"
                        android:textColor="@color/black"
                        android:hint="Search your app"
                        android:singleLine="true"
                        android:layout_centerHorizontal="true"
                        android:textColorHint="@color/black"
                        android:popupBackground="@android:color/transparent"
                        android:textCursorDrawable="@drawable/search_view_cursor"
                        android:background="@color/white" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:id="@+id/appName"
                        android:textSize="18dp"
                        android:layout_centerVertical="true"
                        android:text="Winner Edge"
                        android:textColor="@color/black"/>
                </RelativeLayout>
            </android.support.v7.widget.Toolbar>

            <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"/>
        </android.support.design.widget.CollapsingToolbarLayout>
    </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.CoordinatorLayout>

这就是我所期待的Here toolbar is pushed by tabs

这就是我的代码所做的You can see the toolbar is already collapsed

如果您需要任何进一步的信息来解决这个问题,请帮助我如何实现这一点并发表评论

0 个答案:

没有答案