Material Design: Looking at the new design language "Material Design" that has been introduced with Android L. Learn how to update your app's design to the new guidelines and what changes and new features you can expect from Material Design. Switching to your new Diet-Plan: Android-L and Backwards Compatibility. "Shiny New Android, Awesome New Ui, Cool New Stuff to use for Developers. But as always we are Bound to the Newest System. Androids new Support Library makes it Possible to use some of these Components and enables us to get the new Look and feel on Older Devices."
Speaker: Tim Roes + Angelo Rüggeberg, inovex GmbH
2. 2
About Me
• Mobile Development
• Android
• iOS
• REST-Api Design
• Cloud Infrastructure
+Angelo Rüggeberg
@s3xy4ngyc
http://s3xy4ngyc.github.io
3. Sample app
• Source Available at
Github:
https://github.com/
s3xy4ngyc/Android-L-Samples
• Available at Google Play:
https://play.google.com/
store/apps/details?
id=s3xy.de.lsamples
3
33. Apply Material Theme
• Ui Elements that Get Material Design:
• EditText
• Spinner
• CheckBox
• RadioButton
• Switch
• CheckedTextView
14
34. Apply Material Theme
• Ui Elements that Get Material Design:
• EditText
• Spinner
• CheckBox
• RadioButton
• Switch
• CheckedTextView
• All Other UI Elements do not get Styled
and Need Custom Styling/Views
14
48. Card View
• Support for rounded Corners
• Elevation Shadows
20
49. Card View
• Support for rounded Corners
• Elevation Shadows
• Limitations:
• On Pre-L no Clipping for Children with
Round Corners
• On Pre-L Adds Padding to Draw
Shadows
20
63. 27
Recycler View - Adapter
Old Adapter:
class MenuAdapterOld extends ArrayAdapter<String> {
64. 27
Recycler View - Adapter
Old Adapter:
class MenuAdapterOld extends ArrayAdapter<String> {
New Adapter:
import android.support.v7.widget.RecyclerView;
public class MenuAdapter extends RecyclerView.Adapter<MenuAdapter.ViewHolder> {
104. Limitations
• Activity Transitions are Possible, BUT
won’t be applied on PRE 5.0 Devices
• Many „New“ Ui Elements are not available
in the API, thus require separate
Implementation/Style.
41
110. Useful Links
• Official Documentation:
http://developer.android.com/tools/
support-library/index.html
• Index for Open Source Libraries:
https://android-arsenal.com/
• e.G. Missing Ui Elements
45