Board logo

標題: CollapsingToolbarLayout [打印本頁]

作者: tonyh    時間: 2018-4-21 16:54     標題: CollapsingToolbarLayout

本帖最後由 tonyh 於 2018-4-28 18:23 編輯

[attach]3911[/attach]

[attach]3912[/attach]

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.     <android.support.v7.widget.CardView
  8.         android:id="@+id/view"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="120dp"
  11.         android:layout_gravity="center_horizontal"
  12.         android:layout_margin="8dp"
  13.         app:cardBackgroundColor="#b7d1ff"
  14.         app:cardCornerRadius="15dp"
  15.         app:cardElevation="5dp">

  16.         <RelativeLayout
  17.             android:layout_width="match_parent"
  18.             android:layout_height="match_parent"
  19.             android:layout_gravity="center_horizontal">

  20.             <ImageView
  21.                 android:layout_width="70dp"
  22.                 android:layout_height="70dp"
  23.                 android:id="@+id/imageView"
  24.                 android:layout_centerVertical="true"
  25.                 android:layout_centerHorizontal="true"
  26.                 android:src="@mipmap/ic_launcher" />
  27.         </RelativeLayout>
  28.     </android.support.v7.widget.CardView>
  29. </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.     <android.support.design.widget.AppBarLayout
  9.         android:id="@+id/appbar"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         app:elevation="10dp">

  13.         <android.support.v7.widget.Toolbar
  14.             android:id="@+id/toolbar"
  15.             android:layout_width="match_parent"
  16.             android:layout_height="wrap_content"
  17.             android:background="@color/colorPrimary"
  18.             app:layout_scrollFlags="scroll|enterAlways"
  19.             app:title="@string/app_name"
  20.             app:titleTextColor="#d7e9ff" />

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

  22.     <android.support.v4.widget.NestedScrollView
  23.         android:id="@+id/nestedScrollView"
  24.         android:layout_width="match_parent"
  25.         android:layout_height="match_parent"
  26.         app:layout_behavior="@string/appbar_scrolling_view_behavior">

  27.         <LinearLayout
  28.             android:layout_width="match_parent"
  29.             android:layout_height="match_parent"
  30.             android:orientation="vertical">

  31.             <include layout="@layout/cardview" />

  32.             <include layout="@layout/cardview2" />

  33.             <include layout="@layout/cardview3" />

  34.             <include layout="@layout/cardview2" />

  35.             <include layout="@layout/cardview" />

  36.             <include layout="@layout/cardview3" />

  37.             <include layout="@layout/cardview2" />
  38.         </LinearLayout>
  39.     </android.support.v4.widget.NestedScrollView>
  40. </android.support.design.widget.CoordinatorLayout>
複製代碼

作者: 李允軒    時間: 2018-4-28 18:40

此帖僅作者可見
作者: 林宇翔    時間: 2018-4-28 19:04

此帖僅作者可見




歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://seed.istak.org.tw/) Powered by Discuz! 7.2