1 page.title=Material Design for Developers 2 page.type=design 3 page.image=images/cards/material_2x.png 4 page.metaDescription=Learn how to apply material design to your apps. 5 6 7 @jd:body 8 9 <div id="tb-wrapper"> 10 <div id="tb"> 11 <h2>Dependencies and Prerequisites</h2> 12 <ul> 13 <li>Android 5.0 (API level 21)</li> 14 </ul> 15 </div> 16 </div> 17 18 <p>Material design is a comprehensive guide for visual, motion, and interaction design across 19 platforms and devices. To use material design in your Android apps, follow the guidelines 20 described in the 21 <a href="http://www.google.com/design/spec/material-design/introduction.html">material design 22 specification</a> and use the new components and functionality available in Android 5.0 23 (API level 21).</p> 24 25 <p>This class shows you how to create material design apps with the following elements:</p> 26 27 <ul> 28 <li>The material theme</li> 29 <li>Widgets for cards and lists</li> 30 <li>Custom shadows and view clipping</li> 31 <li>Vector drawables</li> 32 <li>Custom animations</li> 33 </ul> 34 35 <p>This class also teaches you how to maintain compatibility with versions of Android earlier than 36 5.0 (API level 21) when you use material design features in your app.</p> 37 38 <h2>Lessons</h2> 39 40 <dl> 41 <dt><a href="{@docRoot}training/material/get-started.html">Getting Started</a></dt> 42 <dd>Learn how to update your app with material design features.</dd> 43 44 <dt><a href="{@docRoot}training/material/theme.html">Using the Material Theme</a></dt> 45 <dd>Learn how to apply material design styles to your app.</dd> 46 47 <dt><a href="{@docRoot}training/material/lists-cards.html">Creating Lists and Cards</a></dt> 48 <dd>Learn how to create lists and cards with a consistent look and feel using system widgets.</dd> 49 50 <dt><a href="{@docRoot}training/material/shadows-clipping.html">Defining Shadows and Clipping Views</a></dt> 51 <dd>Learn how to set elevation for your views to create custom shadows and how to clip views.</dd> 52 53 <dt><a href="{@docRoot}training/material/drawables.html">Working with Drawables</a></dt> 54 <dd>Learn how to create vector drawables and how to tint drawable resources.</dd> 55 56 <dt><a href="{@docRoot}training/material/animations.html">Defining Custom Animations</a></dt> 57 <dd>Learn how to create custom animations for views and activity transitions with shared elements.</dd> 58 59 <dt><a href="{@docRoot}training/material/compatibility.html">Maintaining Compatibility</a></dt> 60 <dd>Learn how to maintain compatibility with platform versions earlier than Android 5.0.</dd> 61 </dl> 62 63 <h2>Video Training</h2> 64 65 <div class="wrap"> 66 <div class="cols"> 67 <div class="col-1of2"> 68 <p>If you prefer to learn through interactive video training, check out this online course 69 about material design for Android developers.</p> 70 <p><a href="https://www.udacity.com/course/ud862" class="button"> 71 Start the video course</a> 72 </p> 73 </div> 74 <div class="col-1of2"> 75 <iframe width="300" height="169" 76 src="//www.youtube.com/embed/eKJ3aMGM-WM?autohide=1&showinfo=0" 77 frameborder="0" allowfullscreen="" style="float: right; margin: 0 0 20px 20px;"></iframe> 78 </div> 79 </div> 80 </div> 81
