morristech
5/4/2019 - 12:44 PM

Sample layout for frosted toolbar talk

Sample layout for frosted toolbar talk

<android.support.design.widget.CoordinatorLayout>

    <ImageView
        android:id="@+id/imgBgBlur"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/app_bar_height"
        android:scaleType="matrix"
        android:visibility="visible" />

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        ...
        android:background="@android:color/transparent">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            ...
            app:contentScrim="@android:color/transparent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="none"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

	<android.support.v4.widget.NestedScrollView 
		android:id="@+id/nestedScrollView"
		...
		app:layout_behavior="@string/appbar_scrolling_view_behavior">

		<LinearLayout
			android:id="@+id/container"
			android:background="@android:color/white"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:orientation="vertical">

			<ImageView
				android:id="@+id/imgBg"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:scaleType="center"
				android:src="@drawable/background" />

			<TextView
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:layout_marginTop="@dimen/text_margin"
				android:text="@string/large_text" />
		</LinearLayout>

	</android.support.v4.widget.NestedScrollView>
    <android.support.design.widget.FloatingActionButton ... />
</android.support.design.widget.CoordinatorLayout>