Android 材料設計

開發人員文件

使用材料設計建立應用程式

影片

材料設計簡介

影片

紙張和墨水:重要的材料

影片

Google I/O 應用程式中的材料設計

材料設計是一份內容廣泛的綜合性指南,引導您跨平台、跨裝置進行視覺、動態和互動的設計。 Android 現已納入對材料設計應用程式的支援。 如果要在 Android 應用程式中使用材料設計,請依照材料設計規格中定義的指示,並使用 Android 5.0 (API 級別 21) 或後續版本中的新元件和新功能。

Android 提供下列元素,供您打造材料設計應用程式:

  • 新的設計風格
  • 用於複雜視圖的小工具
  • 自訂陰影和動畫的新 API

如需取得如何在 Android 上實作材料設計的詳細資訊,請參閱使用材料設計建立應用程式

材料設計風格

材料設計風格提供您應用程式使用的新樣式、可以讓您設定色板的系統小工具,並針對輕觸回饋與操作 Activity 轉換提供預設動畫。

深色材料設計風格

淺色材料設計風格


如需詳細資訊,請參閱使用材料設計風格

清單和卡片

Android 提供兩個新的小工具,搭配材料設計樣式與動畫,可用來顯示清單和卡片:

新的 RecyclerView 小工具是 ListView 更容易插入的版本,支援不同的版面配置類型,並提供效能改善。

新的 CardView 小工具讓您可以顯示卡片內的重要資訊,並且該資訊都能擁有一致的外觀與風格。


如需詳細資訊,請參閱建立清單和卡片

檢視陰影

除了 X 和 Y 屬性外,Android 中的視圖現在也有 Z 屬性。 這個新屬性代表視圖的高度,這會決定:

  • 陰影大小:Z 值較高的視圖會投射更大的陰影。
  • 繪製順序:Z 值較高的視圖會顯示在其他視圖之上。
如要重播影片,請按一下裝置螢幕

如需詳細資訊,請參閱定義陰影和裁剪視圖

動畫

新的動畫 API 可針對 UI 控制項的輕觸回饋、視圖狀態中的變更,以及操作行為轉換,讓您建立自訂動畫。

這些 API 讓您可以:

  • 回應您視圖中有輕觸回饋動畫的輕觸事件。
  • 隱藏和顯示有循環顯示動畫的視圖。
  • 在包含自訂操作行為轉換動畫的行為間切換。
  • 使用曲線動作建立更自然的動畫。
  • 在包含視圖狀態變更動畫的一個或多個視圖屬性中變更動畫。
  • 在視圖狀態變更之間,顯示狀態清單可繪項目中的動畫。

輕觸回饋動畫會內建於數個標準視圖中,例如按鈕等。新 API 可讓您自訂這些動畫,並將其新增至您的自訂視圖中。

如需詳細資訊,請參閱定義自訂動畫

可繪項目

可繪項目的這些新功能可以幫助您實作材料設計應用程式:

  • 矢量可繪項目可以調整大小,但又不會喪失定義,最適合於應用程式中的單色圖示。
  • 繪製著色可讓您在執行階段將點陣圖定義為 Alpha 遮罩,並以一個顏色進行著色。
  • 顏色提取可讓您自動從點陣圖影像中提取顯著顏色。

如需詳細資訊,請參閱使用可繪項目