我有一个协调器布局,包含一个折叠工具栏,一个嵌套的滚动视图和一个浮动按钮.
我的浮动按钮位于折叠工具栏的右下端.我希望折叠工具栏完全折叠时按钮消失.在其他情况下可见.
我的浮动按钮位于折叠工具栏的右下端.我希望折叠工具栏完全折叠时按钮消失.在其他情况下可见.
我的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="fr.djey.secretapp.MainActivity">
- <android.support.design.widget.AppBarLayout
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:theme="@style/AppTheme.AppBarOverlay"
- android:id="@+id/appBar">
- <android.support.design.widget.CollapsingToolbarLayout
- android:id="@+id/collapse_toolbar"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- app:layout_scrollFlags="scroll|exitUntilCollapsed"
- android:fitsSystemWindows="true"
- app:contentScrim="?attr/colorPrimary"
- app:expandedTitleMarginStart="48dp"
- app:expandedTitleMarginEnd="64dp">
- <ImageView
- android:id="@+id/collapsing_image"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:fitsSystemWindows="true"
- app:layout_collapseMode="parallax"
- android:scaleType="centerCrop"
- android:src="@drawable/welcome"/>
- <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.v4.widget.NestedScrollView
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_gravity="fill_vertical"
- app:layout_behavior="@string/appbar_scrolling_view_behavior"
- xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:app="http://schemas.android.com/apk/res-auto">
- <FrameLayout
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:id="@+id/content_frame">
- </FrameLayout>
- </android.support.v4.widget.NestedScrollView>
- <android.support.design.widget.FloatingActionButton
- android:id="@+id/fab"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginTop="-60dp"
- android:layout_marginRight="16dp"
- android:src="@android:drawable/ic_dialog_email"
- app:layout_anchor="@id/collapse_toolbar"
- app:layout_anchorGravity="bottom|right|end" />
- </android.support.design.widget.CoordinatorLayout>
有可能吗?怎么样?
解决方法
尝试这个小改动
- <android.support.design.widget.FloatingActionButton
- ...
- app:layout_anchor="@id/appBar"
- app:layout_anchorGravity="bottom|right|end" />