CollapsingToolbarLayout
是 Android 中用于创建可折叠工具栏的一个布局容器,通常与 CoordinatorLayout
和 AppBarLayout
结合使用。要在 CollapsingToolbarLayout
的顶部固定自定义布局,你可以使用 app:layout_collapseMode="pin"
属性来确保自定义布局在滚动时保持在顶部。
以下是一个示例代码,展示了如何在 CollapsingToolbarLayout
的顶部固定自定义布局:
<?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:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<!-- 自定义布局 -->
<LinearLayout
android:id="@+id/custom_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_collapseMode="pin">
<!-- 添加你的自定义视图 -->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Custom View 1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Custom View 2" />
</LinearLayout>
<!-- 标题栏 -->
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin" />
</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="@string/appbar_scrolling_view_behavior">
<!-- 添加你的内容视图 -->
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Scrollable content goes here..." />
</androidx.core.widget.NestedScrollView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
CollapsingToolbarLayout
,用于实现可折叠的工具栏效果。Toolbar
,并设置 app:layout_scrollFlags="scroll|exitUntilCollapsed"
以实现滚动效果。app:layout_collapseMode="pin"
属性固定在顶部。app:layout_collapseMode="pin"
属性固定在顶部。通过这种方式,你可以确保自定义布局在滚动时保持在顶部,并且不会随着工具栏的折叠而消失。
领取专属 10元无门槛券
手把手带您无忧上云