android - Overlaying content AppBarLayout using new Material Design -
i want achieve that. (not fab or snackbar). how can create layout, overlaying appbarlayout? this! v
like play store! v
my appbarlayout coordinatorlayout , nestedscrollview relativelayout content looks this! v
<android.support.design.widget.coordinatorlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/rootlayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.appbarlayout android:layout_width="match_parent" android:layout_height="@dimen/_118sdp" android:theme="@style/themeoverlay.appcompat.dark.actionbar"> <android.support.design.widget.collapsingtoolbarlayout android:id="@+id/collapsingtoolbarlayout" android:layout_width="match_parent" android:layout_height="match_parent" app:contentscrim="@color/mpc_pink" app:expandedtitlemarginstart="@dimen/_40sdp" app:layout_scrollflags="scroll|exituntilcollapsed"> <de.mypostcardstore.widgets.itemimageview android:id="@+id/header" android:layout_width="match_parent" android:layout_height="match_parent" android:scaletype="centercrop" android:src="@color/mpc_pink" app:layout_collapsemode="parallax" app:layout_collapseparallaxmultiplier="0.7" /> <android.support.v7.widget.toolbar android:id="@+id/article_toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionbarsize" android:minheight="?attr/actionbarsize" app:contentscrim="@color/mpc_pink" app:layout_collapsemode="pin" app:layout_scrollflags="scroll|enteralways" app:popuptheme="@style/themeoverlay.appcompat.light" app:theme="@style/themeoverlay.appcompat.dark.actionbar" /> </android.support.design.widget.collapsingtoolbarlayout> </android.support.design.widget.appbarlayout> <android.support.v4.widget.nestedscrollview android:layout_width="match_parent" android:layout_height="match_parent" android:background="?android:colorbackground" android:fillviewport="true" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <relativelayout android:layout_width="match_parent".....>
it awesome if me out. can not find on internet.. thank in advance!
not difficult, pseudo xml you
<framelayout> // background part <linearlayout> <top part "blue"> <bottom part "white"> <linearlayout/> // here main content overlay background <maincontent margingtop="toolbar_height + more"/> // here toolbar no background <toolbar background=@null height="toolbar_height"/> <framelayout/>
Comments
Post a Comment