GDG - Android Support Design Library

Android Support Design Library

Transcript

1. Support Library v22.2 + Android Design Library Material Design para dispositivos pre.Lollipop
2. Miller Barrera Android developer @mjbarrerab https://github.com/MitchDroid
3. Contexto
4. En el inicio de Android, no existían guidelines, de esta forma, las grandes aplicaciones dictaban las normas.
6. Existían varias bibliotecas y proyectos de código abierto con el fin de "resolver" el problema
8. Sin embargo, Google se dio cuenta de que no podía seguir dependiendo de soluciones de terceros.
10. De ahí surgió la oportunidad para que Google desarrollada una librería compatible con sus versiones de APIs mas antiguas de Android.
11. Support Library
12. 2.1 AB--MD 3.2 TV 1.6 API 4 2.2 3.2
13. Android Support Design Library
14. ToolBar NavigationDrawerView FloatingActionButton SnackBar TabLayout TextInputLayout CollapsingToolbarLayout
15. dependencies { compile 'com.android.support:appcompat-v7:22.2.0' compile 'com.android.support:design:22.2.0' } .../your_app_module/build.gradle
16. ToolBar
18. <style name="Base.Theme.DesignDemo" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">#673AB7</item> <item name="colorPrimaryDark">#512DA8</item> <item name="colorAccent">#FF4081</item> </style> ...res/values/styles.xml
19. <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width= "match_parent" android:layout_height= "wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" > <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width= "match_parent" android:layout_height= "?attr/actionBarSize" android:background= "?attr/colorPrimary" app:popupTheme= "@style/ThemeOverlay.AppCompat.Light" app:layout_scrollFlags= "scroll|enterAlways" /> </android.support.design.widget.AppBarLayout> ../layout/your_main_layout.xml <android.support.design.widget.CoordinatorLayout> ... </android.support.design.widget.CoordinatorLayout>
20. NavigationDrawerView
25. FloatingActionButton
27. <android.support.design.widget.FloatingActionButton android:layout_height="wrap_content" android:layout_width="wrap_content" app:layout_anchor="@id/my_appbar" app:layout_anchorGravity="bottom|right|end" android:src="@drawable/ic_discuss" android:layout_margin="@dimen/fab_margin" android:clickable="true"/> <android.support.design.widget.CoordinatorLayout> ... </android.support.design.widget.CoordinatorLayout> ../layout/your_main_layout.xml
28. FloatingActionButton fabBtn = (FloatingActionButton) findViewById(R.id. fabBtn); fabBtn.setOnClickListener( new View.OnClickListener() { @Override public void onClick(View v) { //CLICK EVENT }); .../src/MainActivity.java
29. SnackBar Welcome Snackbar, Goodbye Toast!
31. CoordinatorLayout rootLayout = (CoordinatorLayout) findViewById(R.id. rootLayout); Snackbar.make( rootLayout, "Hello. I am Snackbar!" , Snackbar.LENGTH_SHORT) .setAction( "Undo", new View.OnClickListener() { @Override public void onClick(View v) { // Perform anything for the action selected } }) .show() ; } .../src/MainActivity.java
32. TextInputLayout
34. DEMO
35. http://inthecheesefactory.com/blog/android-design-support-library-codelab/en http://antonioleiva.com/material-design-everywhere/ https://chris.banes.me/2014/10/17/appcompat-v21/ http://android-developers.blogspot.com/2015/05/android-design-support-library.html
36. https://github.com/chrisbanes/cheesesquare
37. Preguntas?
38. Muchas gracias!