Develop

app/build.gradle

@@ -1,13 +1,13 @@
 apply plugin: 'com.android.application'
 
 android {
-    compileSdkVersion 22
-    buildToolsVersion "20.0.0"
+    compileSdkVersion 23
+    buildToolsVersion "23.0.1"
 
     defaultConfig {
         applicationId "com.saulmm.material.myapplication"
         minSdkVersion 21
-        targetSdkVersion 22
+        targetSdkVersion 23
         versionCode 1
         versionName "1.0"
     }
@@ -16,7 +16,9 @@ android {
 
 dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
-    compile 'com.android.support:cardview-v7:21.0.0'
-    compile 'com.android.support:appcompat-v7:22.0.0'
-    compile 'com.android.support:support-v4:22.0.0'
+    compile 'com.android.support:design:23.0.1'
+    compile 'com.android.support:appcompat-v7:23.0.1'
+    compile 'com.android.support:cardview-v7:23.0.1'
+    compile 'com.android.support:recyclerview-v7:23.0.1'
+
 }

app/src/main/AndroidManifest.xml

@@ -1,42 +1,38 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.saulmm.material" >
-
-    <application
-        android:allowBackup="true"
-        android:icon="@drawable/ic_launcher"
-        android:label=""
-        android:theme="@style/AppTheme" >
-
-        <activity android:name="com.saulmm.material.activities.TransitionFirstActivity"
-            android:theme="@style/TransitionSampleActivity">
-
-            <intent-filter>
-                <action android:name="android.intent.action.MAIN" />
-                <category android:name="android.intent.category.LAUNCHER" />
-            </intent-filter>
-        </activity>
-
-        <activity
-            android:name="com.saulmm.material.activities.TransitionSecondActivity"
-            android:theme="@style/TransitionSampleSecondActivity"/>
-
-        <activity android:name="com.saulmm.material.activities.SlidingActivity" >
-        </activity>
-        <activity
-            android:name="com.saulmm.material.activities.DialerSampleActivity"
-            android:screenOrientation="portrait" >
-
-        </activity>
-        <activity
-            android:name="com.saulmm.material.activities.ColorActivity"
-            android:label="@string/title_activity_color" />
-        <activity
-            android:name="com.saulmm.material.activities.ElevationSampleActivity"
-            android:label="@string/title_activity_elevation_sample" >
-
-
-        </activity>
-    </application>
-
+<manifest
+	xmlns:android="http://schemas.android.com/apk/res/android"
+	package="com.saulmm.material"
+	>
+
+	<application
+		android:allowBackup="true"
+		android:icon="@drawable/ic_launcher"
+		android:label="@string/app_name"
+		android:theme="@style/MaterialExamplesTheme"
+		>
+		<activity
+			android:name=".activities.MainActivity"
+			android:theme="@style/MaterialExamplesTheme.Translucent"
+			>
+
+			<intent-filter>
+				<action android:name="android.intent.action.MAIN"/>
+				<category android:name="android.intent.category.LAUNCHER"/>
+			</intent-filter>
+		</activity>
+
+		<activity android:name=".activities.TransitionFirstActivity"/>
+		<activity android:name=".activities.TransitionSecondActivity"/>
+
+		<activity android:name=".activities.RevealFirstActivity"
+			android:theme="@style/MaterialExamplesTheme.Translucent"
+			/>
+
+		<activity
+			android:name=".activities.RevealSecondActivity"
+			android:theme="@style/ColorActivityTheme2"
+			/>
+
+		<activity android:name=".activities.CardsActivity"/>
+	</application>
 </manifest>

app/src/main/java/com/saulmm/material/activities/CardsActivity.java

@@ -0,0 +1,91 @@
+package com.saulmm.material.activities;
+
+import android.animation.Animator;
+import android.animation.AnimatorListenerAdapter;
+import android.animation.ValueAnimator;
+import android.os.Bundle;
+import android.support.annotation.Nullable;
+import android.support.v7.app.AppCompatActivity;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.ViewTreeObserver;
+import com.saulmm.material.R;
+
+public class CardsActivity extends AppCompatActivity implements View.OnClickListener {
+	private View mActionViewPrimary;
+	private View mActionViewSecondary;
+	private View mContentView;
+	private int mContentViewHeight;
+
+	@Override
+	protected void onCreate(@Nullable Bundle savedInstanceState) {
+		super.onCreate(savedInstanceState);
+		setContentView(R.layout.fragment_cards);
+
+		mContentView = findViewById(R.id.view_card_raw_content);
+		mActionViewPrimary = findViewById(R.id.view_card_raw_action_primary);
+		mActionViewSecondary = findViewById(R.id.view_card_raw_action_secondary);
+		mActionViewSecondary.setOnClickListener(this);
+		mActionViewPrimary.setOnClickListener(this);
+
+		mContentView.getViewTreeObserver().addOnPreDrawListener(
+			new ViewTreeObserver.OnPreDrawListener() {
+				@Override public boolean onPreDraw() {
+					mContentView.getViewTreeObserver().removeOnPreDrawListener(this);
+
+					final int widthSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
+					final int heightSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
+
+					mContentView.measure(widthSpec, heightSpec);
+					mContentViewHeight = mContentView.getHeight();
+					mContentView.setVisibility(View.GONE);
+
+					return true;
+				}
+			});
+	}
+
+	@Override
+	public void onClick(View v) {
+		if (v.getId() == R.id.view_card_raw_action_primary) {
+			if (mContentView.getVisibility() == View.GONE) expandContentView();
+			else collapseContentView();
+
+		} else if (v.getId() == R.id.view_card_raw_action_secondary) {
+			mContentView.setVisibility(View.GONE);
+		}
+	}
+
+	private void collapseContentView() {
+		ValueAnimator valueHeightAnimator = ValueAnimator.ofInt(mContentViewHeight, 0);
+		valueHeightAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+			@Override public void onAnimationUpdate(ValueAnimator animation) {
+				ViewGroup.LayoutParams lp = mContentView.getLayoutParams();
+				lp.height = (Integer) animation.getAnimatedValue();
+				mContentView.setLayoutParams(lp);
+			}
+		});
+
+		valueHeightAnimator.start();
+		valueHeightAnimator.addListener(new AnimatorListenerAdapter() {
+			@Override public void onAnimationEnd(Animator animation) {
+				super.onAnimationEnd(animation);
+				mContentView.setVisibility(View.GONE);
+			}
+		});
+	}
+
+	private void expandContentView() {
+		mContentView.setVisibility(View.VISIBLE);
+		ValueAnimator valueHeightAnimator = ValueAnimator.ofInt(0, mContentViewHeight);
+		valueHeightAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+			@Override public void onAnimationUpdate(ValueAnimator animation) {
+				ViewGroup.LayoutParams lp = mContentView.getLayoutParams();
+				lp.height = (Integer) animation.getAnimatedValue();
+				mContentView.setLayoutParams(lp);
+			}
+		});
+
+		valueHeightAnimator.start();
+	}
+}