Android笔记本安卓资源收集安卓开发学习

CollapsingToolbarLayout的简单使用

2018-12-11  本文已影响0人  莫语莫雨

实现效果

最终效果

布局文件

<?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:id="@+id/app_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        <com.google.android.material.appbar.CollapsingToolbarLayout
                app:contentScrim="@color/colorPrimary"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

            <ImageView
                    android:scaleType="centerCrop"
                    android:src="@drawable/bg"
                    android:layout_width="match_parent"
                    android:layout_height="250dp"/>

            <androidx.appcompat.widget.Toolbar
                    app:title="默认标题"
                    app:layout_collapseMode="pin"
                    app:titleTextColor="@color/whrite"
                    android:layout_width="match_parent"
                    android:layout_height="?actionBarSize"/>
        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>

    <androidx.core.widget.NestedScrollView
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        <TextView
                android:textSize="20sp"
                android:text="@string/text_info"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>
    </androidx.core.widget.NestedScrollView>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_marginEnd="8dp"
            app:layout_anchor="@id/app_bar"
            app:layout_anchorGravity="right|bottom|end"
            android:src="@android:drawable/ic_dialog_email"
            android:layout_height="wrap_content"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
上一篇 下一篇

猜你喜欢

热点阅读