CollapsingToolbarLayout代码
时间: 2023-05-22 18:06:10 浏览: 82
CollapsingToolbarLayout是一个用于实现可折叠标题栏的布局控件。它需要与AppBarLayout一起使用,可以实现在滚动时,标题栏的展开和折叠效果。以下是一个简单的CollapsingToolbarLayout代码示例:
```
<android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:layout_width="match_parent"
android:layout_height="200dp"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax"
app:srcCompat="@drawable/header_bg"/>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="16dp"
android:text="@string/lorem_ipsum"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>
```
请注意,布局中必须包含CoordinatorLayout,这是支持可折叠标题栏的根布局。AppBarLayout和CollapsingToolbarLayout用于实现可折叠的标题栏效果,其中Toolbar可以在折叠时固定在屏幕上方,ImageView则可以添加一些平移和缩放效果。最后,app:layout_behavior="@string/appbar_scrolling_view_behavior"用于指定该布局为可滚动的内容视图。