如何使用Design Library实现像Google IO 2015这样的折叠工具栏布局设计
在Google IO 2015的开源代码中,它未使用设计库(CoordinatorLayout,CollapsingToolbarLayout等)实现
注意:此处工具栏位于上部的底部.我需要工具栏滚动像这样附上textview或上部的任何其他视图.
解决方法
最后我能够实现它.
- <?xml version="1.0" encoding="utf-8"?>
- <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:layout_width="match_parent"
- android:layout_height="match_parent"
- tools:context="com.vipul.myapplication.ScrollingActivity">
- <android.support.design.widget.AppBarLayout
- android:id="@+id/app_bar"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- app:elevation="6dp"
- android:theme="@style/AppTheme.AppBarOverlay">
- <android.support.design.widget.CollapsingToolbarLayout
- android:id="@+id/toolbar_layout"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- app:contentScrim="?attr/colorPrimary"
- app:layout_scrollFlags="scroll|enterAlwaysCollapsed">
- <ImageView
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:background="@drawable/placeholder"
- android:fitsSystemWindows="true"
- android:scaleType="centerCrop"
- app:layout_collapseMode="parallax"/>
- </android.support.design.widget.CollapsingToolbarLayout>
- <FrameLayout
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:clipChildren="false"
- android:clipToPadding="false">
- <android.support.v7.widget.Toolbar
- android:layout_width="match_parent"
- android:layout_height="?attr/actionBarSize"
- android:id="@+id/toolbar"
- app:title=" "
- app:popupTheme="@style/AppTheme.PopupOverlay"/>
- <LinearLayout
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_marginTop="?attr/actionBarSize"
- android:layout_marginLeft="60dp"
- android:layout_marginStart="60dp"
- android:layout_marginRight="16dp"
- android:paddingTop="8dp"
- android:paddingBottom="8dp"
- android:orientation="vertical">
- <TextView
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:text="@string/app_name"
- android:textColor="#FFF"
- android:textSize="18sp" />
- <TextView
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_marginTop="5dp"
- android:text="@string/app_name"
- android:textColor="#FFF"
- android:textSize="16sp" />
- </LinearLayout>
- </FrameLayout>
- </android.support.design.widget.AppBarLayout>
- <!--<include layout="@layout/content_scrolling" />-->
- <android.support.v4.widget.NestedScrollView 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:layout_width="match_parent"
- android:layout_height="match_parent"
- app:layout_behavior="@string/appbar_scrolling_view_behavior">
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_margin="@dimen/text_margin"
- android:text="@string/large_text" />
- </android.support.v4.widget.NestedScrollView>
- </android.support.design.widget.CoordinatorLayout>