Android开发项目实战：实现折叠式布局，android组件化开发与sdk

android:layout_width=“match_parent”

android:layout_height=“200dp”>

<android.support.design.widget.CollapsingToolbarLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

app:layout_scrollFlags=“scroll|exitUntilCollapsed”

app:titleEnabled=“false”>

<ImageView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:scaleType=“centerCrop”

android:src="@mipmap/homepage_pic_banner"

app:layout_collapseMode=“parallax” />

<android.support.v7.widget.Toolbar

android:id="@+id/view_toolbar"

android:layout_width=“match_parent”

android:layout_height="?attr/actionBarSize"

app:layout_collapseMode=“pin”

app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center”

android:text=“新闻详情” />

</android.support.v7.widget.Toolbar>

</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”

app:layout_behavior="@string/appbar_scrolling_view_behavior">

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”>

<TextView

android:layout_width=“match_parent”

android:layout_height=“50dp”

android:text=“hello world” />

…

…

</android.support.v4.widget.NestedScrollView>

</android.support.design.widget.CoordinatorLayout>

以上就是实现一个折叠式布局的典型模板布局代码，一个简简单单的布局就实现了这样的效果，但是必须要注意在AndroidMnifest.xml必须要给Activity指定它的theme为NoActionBar的样式代码如下：

<activity

android:name=".test.CoordinatorLayoutTestActivity"

android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>

否则会出现ActionBar和ToolBar共存的情况，的显示效果如下：

另外还需要把自己自定义的ToolBar告诉给系统,即第9行的setSu