70db4fab5c
https://android-dot-devsite.googleplex.com/training/material/palette-colors.html Bug: 30034142 Change-Id: I1e82b82a84def6ef72e0401418085694d5bbeee2
83 lines
3.3 KiB
Plaintext
83 lines
3.3 KiB
Plaintext
page.title=Material Design for Developers
|
|
page.type=design
|
|
page.image=images/cards/material_2x.png
|
|
page.metaDescription=Learn how to apply material design to your apps.
|
|
|
|
@jd:body
|
|
|
|
<div id="tb-wrapper">
|
|
<div id="tb">
|
|
<h2>Dependencies and Prerequisites</h2>
|
|
<ul>
|
|
<li>Android 5.0 (API level 21)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<p>Material design is a comprehensive guide for visual, motion, and interaction design across
|
|
platforms and devices. To use material design in your Android apps, follow the guidelines
|
|
described in the
|
|
<a href="http://www.google.com/design/spec/material-design/introduction.html">material design
|
|
specification</a> and use the new components and functionality available in Android 5.0
|
|
(API level 21).</p>
|
|
|
|
<p>This class shows you how to create material design apps with the following elements:</p>
|
|
|
|
<ul>
|
|
<li>The material theme</li>
|
|
<li>Widgets for cards and lists</li>
|
|
<li>Custom shadows and view clipping</li>
|
|
<li>Vector drawables</li>
|
|
<li>Custom animations</li>
|
|
</ul>
|
|
|
|
<p>This class also teaches you how to maintain compatibility with versions of Android earlier than
|
|
5.0 (API level 21) when you use material design features in your app.</p>
|
|
|
|
<h2>Lessons</h2>
|
|
|
|
<dl>
|
|
<dt><a href="{@docRoot}training/material/get-started.html">Getting Started</a></dt>
|
|
<dd>Learn how to update your app with material design features.</dd>
|
|
|
|
<dt><a href="{@docRoot}training/material/theme.html">Using the Material Theme</a></dt>
|
|
<dd>Learn how to apply material design styles to your app.</dd>
|
|
|
|
<dt><a href="{@docRoot}training/material/lists-cards.html">Creating Lists and Cards</a></dt>
|
|
<dd>Learn how to create lists and cards with a consistent look and feel using system widgets.</dd>
|
|
|
|
<dt><a href="{@docRoot}training/material/shadows-clipping.html">Defining Shadows and Clipping Views</a></dt>
|
|
<dd>Learn how to set elevation for your views to create custom shadows and how to clip views.</dd>
|
|
|
|
<dt><a href="{@docRoot}training/material/drawables.html">Working with Drawables</a></dt>
|
|
<dd>Learn how to create vector drawables and how to tint drawable resources.</dd>
|
|
|
|
<dt><a href="{@docRoot}training/material/animations.html">Defining Custom Animations</a></dt>
|
|
<dd>Learn how to create custom animations for views and activity transitions with shared elements.</dd>
|
|
|
|
<dt><a href="{@docRoot}training/material/compatibility.html">Maintaining Compatibility</a></dt>
|
|
<dd>Learn how to maintain compatibility with platform versions earlier than Android 5.0.</dd>
|
|
|
|
<dt><a href="{@docRoot}training/material/palette-colors.html">Selecting Colors with the Palette API</a></dt>
|
|
<dd>Learn how to select colors for your app using the v7 Palette library.</dd>
|
|
</dl>
|
|
|
|
<h2>Video Training</h2>
|
|
|
|
<div class="wrap">
|
|
<div class="cols">
|
|
<div class="col-1of2">
|
|
<p>If you prefer to learn through interactive video training, check out this online course
|
|
about material design for Android developers.</p>
|
|
<p><a href="https://www.udacity.com/course/ud862" class="button">
|
|
Start the video course</a>
|
|
</p>
|
|
</div>
|
|
<div class="col-1of2">
|
|
<iframe width="300" height="169"
|
|
src="//www.youtube.com/embed/eKJ3aMGM-WM?autohide=1&showinfo=0"
|
|
frameborder="0" allowfullscreen="" style="float: right; margin: 0 0 20px 20px;"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|