Android 如何在CollapsingToolbarLayout更改工具栏位置?
我想构建如下所示的布局: 默认布局类似于:Android 如何在CollapsingToolbarLayout更改工具栏位置?,android,android-layout,android-toolbar,android-collapsingtoolbarlayout,android-appbarlayout,Android,Android Layout,Android Toolbar,Android Collapsingtoolbarlayout,Android Appbarlayout,我想构建如下所示的布局: 默认布局类似于: <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
android:fitsSystemWindows="true"
android:layout_height="wrap_content"
android:layout_width="match_parent">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:toolbarId="@+id/toolbar"
app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed|snap"
app:contentScrim="?attr/colorPrimary">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="500dp"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax"
app:srcCompat="@drawable/lionking" />
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:menu="@menu/my_menu"
app:layout_collapseMode="pin"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize"
android:theme="?attr/actionBarTheme" />
</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>
<androidx.core.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior">
<include layout="@layout/item_nested_scrollview"/>
</androidx.core.widget.NestedScrollView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
由于折叠工具栏布局
基本上是一个框架布局
,默认情况下,子视图将放置在顶部,但您只需设置布局_重力
即可更改此行为。
其他东西在你的布局中看起来不错。但下面列出了一些我认为您可能需要的其他更改:
- 我认为默认情况下,
colorPrimary
不是透明的,因此请创建一个颜色资源,使其在屏幕截图中具有所需的透明度
- 通常,
exituntilclopsed
标志包含在折叠工具栏的滚动标志中
- 默认情况下,折叠工具栏会将折叠标题替换为工具栏标题。如果您不想将其设置为
app:titleEnabled=“false”
因此,布局如下所示:
而color/color\u primary\u half\u transparent.xml
看起来像:
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
android:fitsSystemWindows="true"
android:layout_height="wrap_content"
android:layout_width="match_parent">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:toolbarId="@+id/toolbar"
app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed|snap"
app:contentScrim="?attr/colorPrimary">
<include layout="@layout/toolbar_in_middle"/>
</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>
<androidx.core.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior">
<include layout="@layout/item_nested_scrollview"/>
</androidx.core.widget.NestedScrollView>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical" android:layout_width="match_parent"
app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed|snap"
android:layout_height="match_parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="500dp"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax"
app:srcCompat="@drawable/lionking" />
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:menu="@menu/my_menu"
app:layout_collapseMode="pin" />
</LinearLayout>