CollapsingToolbarLayout

tonyh

build.gradle

1. dependencies {
   
2.     compile fileTree(dir: 'libs', include: ['*.jar'])
   
3.     testCompile 'junit:junit:4.12'
   
4.     compile 'com.android.support:appcompat-v7:23.0.0'
   
5.     compile 'com.android.support:cardview-v7:23.0.0'
   
6.     compile 'com.android.support:design:23.0.0'
   
7. }

複製代碼

layout/cardview.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="match_parent"
   
6.     android:orientation="vertical">
   
7. 
   
8.     <android.support.v7.widget.CardView
   
9.         android:id="@+id/view"
   
10.         android:layout_width="match_parent"
    
11.         android:layout_height="120dp"
    
12.         android:layout_gravity="center_horizontal"
    
13.         android:layout_margin="8dp"
    
14.         app:cardBackgroundColor="#b7d1ff"
    
15.         app:cardCornerRadius="15dp"
    
16.         app:cardElevation="5dp">
    
17. 
    
18.         <RelativeLayout
    
19.             android:layout_width="match_parent"
    
20.             android:layout_height="match_parent"
    
21.             android:layout_gravity="center_horizontal">
    
22. 
    
23.             <ImageView
    
24.                 android:layout_width="70dp"
    
25.                 android:layout_height="70dp"
    
26.                 android:id="@+id/imageView"
    
27.                 android:layout_centerVertical="true"
    
28.                 android:layout_centerHorizontal="true"
    
29.                 android:src="@mipmap/ic_launcher" />
    
30.         </RelativeLayout>
    
31.     </android.support.v7.widget.CardView>
    
32. </LinearLayout>

複製代碼

layout/activity_main.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
   
4.     xmlns:tools="http://schemas.android.com/tools"
   
5.     android:layout_width="match_parent"
   
6.     android:layout_height="match_parent"
   
7.     tools:context=".MainActivity">
   
8. 
   
9.     <android.support.design.widget.AppBarLayout
   
10.         android:id="@+id/appbar"
    
11.         android:layout_width="match_parent"
    
12.         android:layout_height="wrap_content"
    
13.         app:elevation="10dp">
    
14. 
    
15.         <android.support.v7.widget.Toolbar
    
16.             android:id="@+id/toolbar"
    
17.             android:layout_width="match_parent"
    
18.             android:layout_height="wrap_content"
    
19.             android:background="@color/colorPrimary"
    
20.             app:layout_scrollFlags="scroll|enterAlways"
    
21.             app:title="@string/app_name"
    
22.             app:titleTextColor="#d7e9ff" />
    
23. 
    
24.     </android.support.design.widget.AppBarLayout>
    
25. 
    
26.     <android.support.v4.widget.NestedScrollView
    
27.         android:id="@+id/nestedScrollView"
    
28.         android:layout_width="match_parent"
    
29.         android:layout_height="match_parent"
    
30.         app:layout_behavior="@string/appbar_scrolling_view_behavior">
    
31. 
    
32.         <LinearLayout
    
33.             android:layout_width="match_parent"
    
34.             android:layout_height="match_parent"
    
35.             android:orientation="vertical">
    
36. 
    
37.             <include layout="@layout/cardview" />
    
38. 
    
39.             <include layout="@layout/cardview2" />
    
40. 
    
41.             <include layout="@layout/cardview3" />
    
42. 
    
43.             <include layout="@layout/cardview2" />
    
44. 
    
45.             <include layout="@layout/cardview" />
    
46. 
    
47.             <include layout="@layout/cardview3" />
    
48. 
    
49.             <include layout="@layout/cardview2" />
    
50.         </LinearLayout>
    
51.     </android.support.v4.widget.NestedScrollView>
    
52. </android.support.design.widget.CoordinatorLayout>

複製代碼