├── app ├── .gitignore ├── src │ └── main │ │ ├── res │ │ ├── drawable-hdpi │ │ │ ├── ic_drawer.png │ │ │ ├── ic_launcher.png │ │ │ └── drawer_shadow.9.png │ │ ├── drawable-mdpi │ │ │ ├── ic_drawer.png │ │ │ ├── ic_launcher.png │ │ │ └── drawer_shadow.9.png │ │ ├── drawable-xhdpi │ │ │ ├── ic_drawer.png │ │ │ ├── ic_launcher.png │ │ │ └── drawer_shadow.9.png │ │ ├── drawable-xxhdpi │ │ │ ├── ic_drawer.png │ │ │ ├── ic_launcher.png │ │ │ └── drawer_shadow.9.png │ │ ├── transition │ │ │ ├── circular_reveal.xml │ │ │ └── move_resize_image.xml │ │ ├── values │ │ │ ├── styles.xml │ │ │ ├── dimens.xml │ │ │ ├── strings.xml │ │ │ └── colors.xml │ │ ├── menu │ │ │ ├── global.xml │ │ │ ├── my.xml │ │ │ ├── color.xml │ │ │ ├── my_activity2.xml │ │ │ ├── menu_elevation_sample.xml │ │ │ └── nav_drawer.xml │ │ ├── layout │ │ │ ├── view_circle.xml │ │ │ ├── view_sample_row.xml │ │ │ ├── list_item_dialer.xml │ │ │ ├── fragment_navigation_drawer.xml │ │ │ ├── fragment_dialer_sample_page.xml │ │ │ ├── view_fab_button.xml │ │ │ ├── fragment_dialer_sliding.xml │ │ │ ├── activity_sliding.xml │ │ │ ├── activity_elevation_sample.xml │ │ │ ├── activity_transition_second.xml │ │ │ ├── activity_dialer.xml │ │ │ ├── activity_transition_first.xml │ │ │ └── activity_color.xml │ │ ├── drawable │ │ │ ├── ripple_round.xml │ │ │ ├── color1.xml │ │ │ ├── color2.xml │ │ │ ├── color3.xml │ │ │ ├── color4.xml │ │ │ ├── ripple_rect.xml │ │ │ ├── ripple_dialer_idle.xml │ │ │ ├── ripple_dialer_call.xml │ │ │ └── translation_selector.xml │ │ ├── values-w820dp │ │ │ └── dimens.xml │ │ ├── anim │ │ │ ├── translate_down_off.xml │ │ │ ├── translate_down_on.xml │ │ │ └── fab_anim.xml │ │ └── values-v21 │ │ │ └── styles.xml │ │ ├── java │ │ └── com │ │ │ └── saulmm │ │ │ └── material │ │ │ ├── activities │ │ │ ├── ElevationSampleActivity.java │ │ │ ├── DialerSampleActivity.java │ │ │ ├── TransitionFirstActivity.java │ │ │ ├── TransitionSecondActivity.java │ │ │ ├── SlidingActivity.java │ │ │ └── ColorActivity.java │ │ │ ├── utils │ │ │ ├── AnimatorAdapter.java │ │ │ ├── TransitionAdapter.java │ │ │ └── GUIUtils.java │ │ │ ├── fragments │ │ │ ├── NavigationFragment.java │ │ │ ├── SamplePageFragment.java │ │ │ └── SlidingTabFragment.java │ │ │ └── views │ │ │ ├── adapters │ │ │ └── SamplePagerAdapter.java │ │ │ └── widgets │ │ │ ├── SlidingTabStrip.java │ │ │ └── SlidingTabLayout.java │ │ └── AndroidManifest.xml ├── build.gradle └── proguard-rules.pro ├── settings.gradle ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── .gitignore ├── gradle.properties ├── README.md ├── gradlew.bat └── gradlew /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_drawer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-hdpi/ic_drawer.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_drawer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-mdpi/ic_drawer.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_drawer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-xhdpi/ic_drawer.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_drawer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-xxhdpi/ic_drawer.png -------------------------------------------------------------------------------- /app/src/main/res/transition/circular_reveal.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/drawer_shadow.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-hdpi/drawer_shadow.9.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/drawer_shadow.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-mdpi/drawer_shadow.9.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/drawer_shadow.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-xhdpi/drawer_shadow.9.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/drawer_shadow.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saulmm/Android-Material-Examples/HEAD/app/src/main/res/drawable-xxhdpi/drawer_shadow.9.png -------------------------------------------------------------------------------- /app/src/main/res/transition/move_resize_image.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Apr 10 15:27:10 PDT 2013 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.2.1-all.zip 7 | -------------------------------------------------------------------------------- /app/src/main/res/menu/global.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/layout/view_circle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /app/src/main/res/layout/view_sample_row.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /app/src/main/res/menu/my.xml: -------------------------------------------------------------------------------- 1 | 4 | 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ripple_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/color1.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/color2.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/color3.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/color4.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ripple_rect.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ripple_dialer_idle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ripple_dialer_call.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/layout/list_item_dialer.xml: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/menu/color.xml: -------------------------------------------------------------------------------- 1 | 4 | 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/menu/my_activity2.xml: -------------------------------------------------------------------------------- 1 | 4 | 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/menu/menu_elevation_sample.xml: -------------------------------------------------------------------------------- 1 | 4 | 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_navigation_drawer.xml: -------------------------------------------------------------------------------- 1 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/anim/translate_down_off.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 16dp 6 | 16dp 7 | 8 | 9 | 56dp 10 | 2dp 11 | 4dp 12 | 240dp 13 | 14 | 15 | -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/activities/ElevationSampleActivity.java: -------------------------------------------------------------------------------- 1 | package com.saulmm.material.activities; 2 | 3 | import android.app.Activity; 4 | import android.os.Bundle; 5 | import android.view.Menu; 6 | import android.view.MenuItem; 7 | 8 | import com.saulmm.material.R; 9 | 10 | public class ElevationSampleActivity extends Activity { 11 | 12 | @Override 13 | protected void onCreate(Bundle savedInstanceState) { 14 | super.onCreate(savedInstanceState); 15 | setContentView(R.layout.activity_elevation_sample); 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /app/src/main/res/menu/nav_drawer.xml: -------------------------------------------------------------------------------- 1 | 4 | 7 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/anim/translate_down_on.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/utils/AnimatorAdapter.java: -------------------------------------------------------------------------------- 1 | package com.saulmm.material.utils; 2 | 3 | import android.animation.Animator; 4 | 5 | public class AnimatorAdapter implements Animator.AnimatorListener { 6 | @Override 7 | public void onAnimationStart(Animator animation) { 8 | 9 | } 10 | 11 | @Override 12 | public void onAnimationEnd(Animator animation) { 13 | 14 | } 15 | 16 | @Override 17 | public void onAnimationCancel(Animator animation) { 18 | 19 | } 20 | 21 | @Override 22 | public void onAnimationRepeat(Animator animation) { 23 | 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 22 5 | buildToolsVersion "20.0.0" 6 | 7 | defaultConfig { 8 | applicationId "com.saulmm.material.myapplication" 9 | minSdkVersion 21 10 | targetSdkVersion 22 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | 15 | } 16 | 17 | dependencies { 18 | compile fileTree(dir: 'libs', include: ['*.jar']) 19 | compile 'com.android.support:cardview-v7:21.0.0' 20 | compile 'com.android.support:appcompat-v7:22.0.0' 21 | compile 'com.android.support:support-v4:22.0.0' 22 | } -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/fragments/NavigationFragment.java: -------------------------------------------------------------------------------- 1 | package com.saulmm.material.fragments; 2 | 3 | import android.os.Bundle; 4 | import android.support.v4.app.Fragment; 5 | import android.view.LayoutInflater; 6 | import android.view.View; 7 | import android.view.ViewGroup; 8 | 9 | import com.saulmm.material.R; 10 | 11 | 12 | public class NavigationFragment extends Fragment { 13 | 14 | @Override 15 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 16 | 17 | return inflater.inflate(R.layout.fragment_navigation_drawer, container, false); 18 | } 19 | } -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_dialer_sample_page.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 17 | 18 | -------------------------------------------------------------------------------- /app/src/main/res/layout/view_fab_button.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16 | 17 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | #Android generated 2 | bin 3 | gen 4 | lint.xml 5 | lint 6 | 7 | #Eclipse 8 | .project 9 | .classpath 10 | .settings 11 | .checkstyle 12 | 13 | #IntelliJ IDEA 14 | .idea 15 | *.iml 16 | *.ipr 17 | *.iws 18 | classes 19 | gen-external-apklibs 20 | 21 | #gradle 22 | .gradle 23 | build/ 24 | 25 | #vi 26 | *.swp 27 | 28 | #other editors 29 | *.bak 30 | 31 | #Maven 32 | target 33 | release.properties 34 | pom.xml.* 35 | 36 | #Ant 37 | build.xml 38 | ant.properties 39 | local.properties 40 | proguard.cfg 41 | proguard-project.txt 42 | 43 | #Other 44 | .DS_Store 45 | Thumbs.db 46 | tmp 47 | *.tgz 48 | *.lock 49 | *.lck 50 | com_crashlytics_export_strings.xml -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/fragments/SamplePageFragment.java: -------------------------------------------------------------------------------- 1 | package com.saulmm.material.fragments; 2 | 3 | import android.app.Fragment; 4 | import android.os.Bundle; 5 | import android.support.annotation.Nullable; 6 | import android.view.LayoutInflater; 7 | import android.view.View; 8 | import android.view.ViewGroup; 9 | 10 | import com.saulmm.material.R; 11 | 12 | public class SamplePageFragment extends Fragment { 13 | 14 | @Nullable 15 | @Override 16 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 17 | 18 | View rootView = inflater.inflate(R.layout.fragment_dialer_sample_page, container); 19 | 20 | return rootView; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /Applications/Android Studio.app/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/utils/TransitionAdapter.java: -------------------------------------------------------------------------------- 1 | package com.saulmm.material.utils; 2 | 3 | import android.transition.Transition; 4 | 5 | public class TransitionAdapter implements Transition.TransitionListener { 6 | 7 | @Override 8 | public void onTransitionStart(Transition transition) { 9 | 10 | } 11 | 12 | @Override 13 | public void onTransitionEnd(Transition transition) { 14 | 15 | } 16 | 17 | @Override 18 | public void onTransitionCancel(Transition transition) { 19 | 20 | } 21 | 22 | @Override 23 | public void onTransitionPause(Transition transition) { 24 | 25 | } 26 | 27 | @Override 28 | public void onTransitionResume(Transition transition) { 29 | 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/translation_selector.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | 13 | 14 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /app/src/main/res/anim/fab_anim.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 13 | 14 | 15 | 18 | 19 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | My Application 5 | Settings 6 | MyActivity2 7 | Example action 8 | NavDrawerActivity 9 | ColorActivity 10 | Open 11 | Close 12 | 13 | 14 | 15 | 1 16 | 2 17 | 3 18 | 4 19 | 5 20 | 6 21 | 7 22 | 8 23 | 9 24 | * 25 | 0 26 | # 27 | 28 | 29 | ElevationSampleActivity 30 | 31 | 32 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_dialer_sliding.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 15 | 16 | 22 | 23 | 31 | 32 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | #F48FB1 6 | #EC407A 7 | #2A2A2A 8 | #EEFF41 9 | #ff515252 10 | 11 | 12 | 13 | #00C853 14 | #0277BD 15 | #0288D1 16 | #FFF 17 | 18 | 19 | #4fc3f7 20 | #009688 21 | 22 | #42bd41 23 | #673AB7 24 | 25 | #ffb74d 26 | #E91E63 27 | 28 | #ff8a65 29 | #d500f9 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/views/adapters/SamplePagerAdapter.java: -------------------------------------------------------------------------------- 1 | package com.saulmm.material.views.adapters; 2 | 3 | import android.content.Context; 4 | import android.support.v4.view.PagerAdapter; 5 | import android.view.LayoutInflater; 6 | import android.view.View; 7 | import android.view.ViewGroup; 8 | 9 | import com.saulmm.material.R; 10 | 11 | @SuppressWarnings("FieldCanBeLocal") 12 | public class SamplePagerAdapter extends PagerAdapter { 13 | 14 | private final String [] TITLES = {"SPEED DIAL", "RECENTS", "CONTACTS"}; 15 | private final int FRAGMENT_COUNT = 3; 16 | private Context context; 17 | 18 | public SamplePagerAdapter(Context context) { 19 | this.context = context; 20 | } 21 | 22 | @Override 23 | public int getCount() { 24 | return FRAGMENT_COUNT; 25 | } 26 | 27 | @Override 28 | public boolean isViewFromObject(View view, Object o) { 29 | return o == view; 30 | } 31 | 32 | 33 | @Override 34 | public CharSequence getPageTitle(int position) { 35 | return TITLES[position]; 36 | } 37 | 38 | @Override 39 | public Object instantiateItem(ViewGroup container, int position) { 40 | 41 | View view = LayoutInflater.from(context).inflate( 42 | R.layout.fragment_dialer_sample_page, 43 | container, false); 44 | 45 | container.addView(view); 46 | return view; 47 | } 48 | 49 | @Override 50 | public void destroyItem(ViewGroup container, int position, Object object) { 51 | container.removeView((View) object); 52 | } 53 | } -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_sliding.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 14 | 15 | 19 | 20 | 25 | 26 | 30 | 31 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 10 | 11 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 23 | 24 | 25 | 26 | 29 | 30 | 31 | 34 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/activities/DialerSampleActivity.java: -------------------------------------------------------------------------------- 1 | 2 | 3 | package com.saulmm.material.activities; 4 | 5 | import android.graphics.Point; 6 | import android.os.Bundle; 7 | import android.support.v4.view.ViewPager; 8 | import android.support.v7.app.ActionBarActivity; 9 | import android.support.v7.widget.Toolbar; 10 | import android.view.Display; 11 | import android.view.View; 12 | import android.view.animation.Animation; 13 | import android.view.animation.AnimationUtils; 14 | import android.widget.ArrayAdapter; 15 | import android.widget.FrameLayout; 16 | import android.widget.GridView; 17 | import android.widget.ImageButton; 18 | 19 | import com.saulmm.material.R; 20 | import com.saulmm.material.utils.GUIUtils; 21 | import com.saulmm.material.views.adapters.SamplePagerAdapter; 22 | import com.saulmm.material.views.widgets.SlidingTabLayout; 23 | 24 | public class DialerSampleActivity extends ActionBarActivity { 25 | 26 | private int screenWidth; 27 | private ImageButton fabButton; 28 | private FrameLayout dialerKeysContainer; 29 | private float absolutefabPosition; 30 | 31 | @Override 32 | protected void onCreate(Bundle savedInstanceState) { 33 | 34 | super.onCreate(savedInstanceState); 35 | setContentView(R.layout.activity_dialer); 36 | 37 | configureToolbar(); 38 | } 39 | 40 | private void configureToolbar() { 41 | 42 | Toolbar mainToolbar = (Toolbar) findViewById(R.id.activity_dialer_toolbar); 43 | mainToolbar.setTitleTextColor(getResources().getColor(R.color.theme_dialer_accent)); 44 | setSupportActionBar(mainToolbar); 45 | getSupportActionBar().setTitle("Dialer"); 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/activities/TransitionFirstActivity.java: -------------------------------------------------------------------------------- 1 | package com.saulmm.material.activities; 2 | 3 | import android.app.Activity; 4 | import android.app.ActivityOptions; 5 | import android.content.Intent; 6 | import android.os.Bundle; 7 | import android.transition.Slide; 8 | import android.util.Pair; 9 | import android.view.Gravity; 10 | import android.view.View; 11 | 12 | import com.saulmm.material.R; 13 | 14 | public class TransitionFirstActivity extends Activity { 15 | 16 | private View mFabButton; 17 | private View mHeader; 18 | 19 | @Override 20 | protected void onCreate(Bundle savedInstanceState) { 21 | 22 | super.onCreate(savedInstanceState); 23 | setContentView(R.layout.activity_transition_first); 24 | 25 | mFabButton = findViewById(R.id.fab_button); 26 | mHeader = findViewById(R.id.activity_transition_header); 27 | 28 | Slide slideExitTransition = new Slide(Gravity.BOTTOM); 29 | slideExitTransition.excludeTarget(android.R.id.navigationBarBackground, true); 30 | slideExitTransition.excludeTarget(android.R.id.statusBarBackground, true); 31 | slideExitTransition.excludeTarget(R.id.activity_transition_header, true); 32 | getWindow().setExitTransition(slideExitTransition); 33 | } 34 | 35 | public void onFabPressed(View view) { 36 | 37 | Intent i = new Intent (TransitionFirstActivity.this, 38 | TransitionSecondActivity.class); 39 | 40 | ActivityOptions transitionActivityOptions = ActivityOptions.makeSceneTransitionAnimation( 41 | TransitionFirstActivity.this,Pair.create(mFabButton, "fab"), Pair.create(mHeader, "holder1")); 42 | 43 | startActivity(i, transitionActivityOptions.toBundle()); 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /app/src/main/java/com/saulmm/material/fragments/SlidingTabFragment.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 The Android Open Source Project 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | package com.saulmm.material.fragments; 18 | 19 | 20 | import android.app.Fragment; 21 | import android.os.Bundle; 22 | import android.support.v4.view.ViewPager; 23 | import android.view.LayoutInflater; 24 | import android.view.View; 25 | import android.view.ViewGroup; 26 | 27 | import com.saulmm.material.R; 28 | import com.saulmm.material.views.adapters.SamplePagerAdapter; 29 | import com.saulmm.material.views.widgets.SlidingTabLayout; 30 | 31 | 32 | public class SlidingTabFragment extends Fragment { 33 | 34 | static final String LOG_TAG = "SlidingTabsBasicFragment"; 35 | 36 | @Override 37 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 38 | 39 | return inflater.inflate(R.layout.fragment_dialer_sliding, container, false); 40 | } 41 | 42 | @Override 43 | public void onViewCreated(View view, Bundle savedInstanceState) { 44 | 45 | ViewPager mViewPager = (ViewPager) view.findViewById(R.id.viewpager); 46 | mViewPager.setAdapter(new SamplePagerAdapter(getActivity())); 47 | 48 | SlidingTabLayout mSlidingTabLayout = (SlidingTabLayout) view.findViewById(R.id.sliding_tabs); 49 | mSlidingTabLayout.setViewPager(mViewPager); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### Working with shared elements 2 | 3 | Commit - [**8872619**](https://github.com/saulmm/Android-Material-Examples/commit/8872619ba751d99044a8426a35e6d2416d3af286) 4 | 5 | ![](https://lh4.googleusercontent.com/-dmDFoF7c5UY/VD77NsFK8kI/AAAAAAAAuLM/MtSqP8JoQco/w282-h499-no/2014-10-16%2B00_51_34.gif) 6 | 7 | ### Working with shared elements, explode transition, and animations 8 | 9 | Commit - [**901d62c**](https://github.com/saulmm/Android-Material-Examples/commit/901d62c65bbe70f55d944b718b8e6c6c2c69839d) 10 | 11 | ![](https://lh6.googleusercontent.com/-ecoWQejLmFE/VEBoRo3Qs_I/AAAAAAAAuTU/YZ7855GmOfw/w276-h498-no/appear.gif) 12 | 13 | ## Playing with the new menu-to arrow toggle animattion added in the Support Library 14 | 15 | Commit - [**ead8ada**](https://github.com/saulmm/Android-Material-Examples/commit/ead8adaafb482bd29a9ef86568a08afebeffd043) 16 | 17 | ![](https://0b53cc8370cd7638a6bca2ead36937afe31044d3.googledrive.com/host/0B62SZ3WRM2R2aVA4TDVRV04walU/gif-arrow.gif) 18 | 19 | ## Reusing an example to build a pretty effect like the tab slide of google play app 20 | 21 | Commit - [**f502305**](https://github.com/saulmm/Android-Material-Examples/commit/f5023057d1e088cc69849c9c7f60d32279604214) 22 | 23 | ![](https://lh5.googleusercontent.com/-N-0aREntDdM/VEvP4I5kxrI/AAAAAAAAvQA/3CRH8pH5Vq4/s1006-no/sliding.gif) 24 | 25 | ## Using CircularReveal to show a pretty effect between activities 26 | 27 | Commit - [**ba9c202**](https://github.com/saulmm/Android-Material-Examples/commit/ba9c2026bbe5fc57d6166389f60030176d065623) 28 | 29 | ![](https://lh3.googleusercontent.com/-eQoRYLME7-0/VFEZ9qNaR7I/AAAAAAAAvqg/xk6U4UT_FUY/w420-h747-no/reveal.gif) 30 | 31 | ## Replicating some parts of the lollypop dialer app basing on the material design principle: Motion provides meaning 32 | 33 | Commit - [**eb20707**](https://github.com/saulmm/Android-Material-Examples/commit/eb20707d8db3aef321ae30cb80faada5e3cd7b4d) 34 | 35 | ![](https://lh6.googleusercontent.com/-t40vK2mcvkI/VF4-e7AzhBI/AAAAAAAAwnQ/lyzfRIj9heo/w800-h1422-no/dialer.gif) 36 | 37 | 38 | ## Using StateListAnimator to change the elevation of a view smootly 39 | 40 | Commit - [**3f1102b**](https://github.com/saulmm/Android-Material-Examples/commit/3f1102b50606d2b57781ad5c0de232697da47862) 41 | 42 | ![](https://lh4.googleusercontent.com/-qqERGSF7t7Q/VHdlcZmbPgI/AAAAAAAAx1Q/CPo4dJk2_MM/w364-h644-no/elevation_sample.gif) 43 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_elevation_sample.xml: -------------------------------------------------------------------------------- 1 | 8 | 9 | 16 | 17 | 25 | 26 | 36 | 37 | 47 | 48 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_transition_second.xml: -------------------------------------------------------------------------------- 1 | 8 | 9 | 16 | 17 | 28 | 29 | 32 | 33 | 36 | 37 | 40 | 41 | 44 | 45 | 48 | 49 | 52 | 53 | 54 |