page.title=開發人員材料設計
page.type=設計
page.image=images/cards/material_2x.png
page.metaDescription=學習如何套用材料設計至您的應用程式。


@jd:body

<div id="tb-wrapper">
<div id="tb">
  <h2>相依性和先決條件</h2>
  <ul>
    <li>Android 5.0 (API 級別 21)</li>
  </ul>
</div>
</div>

<p>材料設計是一份廣泛綜合性的指南，引導您跨平台、跨裝置進行視覺、動態和互動的設計。
如要在 Android 應用程式中使用材料設計，請依照<a href="http://www.google.com/design/spec/material-design/introduction.html">材料設計規格中的指示</a>，使用 Android 5.0 (API 級別 21) 中的新元件和新功能。



</p>

<p>本課程示範如何使用下列元素建立材料設計應用程式：</p>

<ul>
<li>材料設計風格</li>
<li>卡片和清單的小工具</li>
<li>自訂陰影和裁剪視圖</li>
<li>矢量可繪</li>
<li>自訂動畫</li>
</ul>

<p>本課程也示範當您在應用程式中使用材料設計功能時，如何與 Android 5.0 (API 級別 21) 之前的版本維持相容性。
</p>

<h2>課程</h2>

<dl>
  <dt><a href="{@docRoot}training/material/get-started.html">開始使用</a></dt>
  <dd>了解如何更新應用程式以納入材料設計功能。</dd>

  <dt><a href="{@docRoot}training/material/theme.html">使用材料設計風格</a></dt>
  <dd>了解如何對應用程式套用材料設計樣式。</dd>

  <dt><a href="{@docRoot}training/material/lists-cards.html">建立清單和卡片</a></dt>
  <dd>了解如何使用系統小工具，建立外觀和操作方式一致的清單和卡片。</dd>

  <dt><a href="{@docRoot}training/material/shadows-clipping.html">定義陰影和裁剪視圖</a></dt>
  <dd>了解如何對視圖設定高度建立自訂陰影，以及如何裁剪視圖。</dd>

  <dt><a href="{@docRoot}training/material/drawables.html">使用可繪項目</a></dt>
  <dd>了解如何建立矢量可繪項目，以及如何對可繪資源著色。</dd>

  <dt><a href="{@docRoot}training/material/animations.html">定義自訂動畫</a></dt>
  <dd>了解如何使用分享元素對視圖建立自訂動畫和操作行為轉換。</dd>

  <dt><a href="{@docRoot}training/material/compatibility.html">維持相容性</a></dt>
  <dd>了解如何與 Android 5.0 之前的平台版本維持相容性。</dd>
</dl>