在滚动协调器布局上显示和隐藏布局

时间:2019-02-03 08:20:45

标签: android android-coordinatorlayout android-collapsingtoolbarlayout

我正在使用协调器布局和折叠的工具栏。请帮助获得所需的外观。 我正在尝试向上滚动时显示工具栏,否则不应显示工具栏。

我希望页面外观为

默认视图为

Default view

向上滚动

When scrolled up

我使工具栏在默认视图上可见,并在滚动到顶部时隐藏。

这些是我的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"
tools:context=".Activity.ProfileActivity">

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="260dp"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imgProfilePhoto"
            android:layout_gravity="center_horizontal"
            android:layout_margin="16dp"
            android:adjustViewBounds="true"
            android:src="@drawable/profile_photo_placeholder_male"
            app:layout_collapseMode="parallax"
            app:layout_collapseParallaxMultiplier="0.7" />

        <include layout="@layout/collapse_toolbar_home"></include>

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

<include layout="@layout/content_profile" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_edit_pencil_white_24"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|end" />

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

工具栏布局为:

      <?xml version="1.0" encoding="utf-8"?>
      <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="parallax"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:popupTheme="@style/AppTheme">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@drawable/src" />

    <ImageView
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@drawable/result" />

    <ImageView
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@drawable/time_table" />

</LinearLayout>

0 个答案:

没有答案