1. 程式人生 > >Material Design相容性和開源專案

Material Design相容性和開源專案

有一部分Material design特性只能在5.0或者更高的版本上才能使用,包括以下這些:

  • Activity transitions(activity切換動畫效果)
  • Touch feedback(觸控反饋)
  • Reveal animations
  • Path-based animations
  • Vector drawables
  • Drawable tinting
所以為了讓應用程式也能在5.0之前的版本執行,要做一下判斷:
// 如果是5.0或者更高
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    // 使用material design特性的程式碼
} else {
    // 實現沒有material design特性的程式碼
}

下面介紹Material design的主題(theme)相容性,想要在5.0上使用屬於material design的主題又要保證能夠相容5.0之前主題,方法就是分別在res/values/styles.xmlres/values-v21/styles.xml中定義一個同名的主題,比如AppBaseTheme,然後在res/values/styles.xml中AppBaseTheme樣式下定義5.0之前的樣式的屬性,在res/values-v21/styles.xml中AppBaseTheme樣式下定義5.0的樣式的屬性,這樣就能適配啦!

res/values/styles.xml下的程式碼:

 <style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">

        <!-- toolbar(actionbar)顏色 -->
        <item name="colorPrimary">#4876FF</item>
        <!-- 狀態列顏色 -->
        <item name="colorPrimaryDark">#3A5FCD</item>
        <!-- 視窗的背景顏色 -->
        <item name="android:windowBackground">@android:color/white</item>
    
 </style>

res/values-v21/styles.xml下的程式碼:
 <style name="AppBaseTheme">

     <!-- 底部導航欄顏色,5.0才有的 -->
     <item name="android:navigationBarColor">#4876FF</item>
 </style>
都定義好之後再AndroidManifest.xml中使用就行了
<application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppBaseTheme">
        

</application>

Material design的佈局(layout)相容性和主題(theme)類似,分別在res/layout/res/layout-v21/中定義同名佈局檔案即可,如果不想寫重複的佈局程式碼,用<include/>引用相同的佈局檔案就行了。

還好,還好,有v7相容包(r21),注意是版本是21。v7相容個包可以使用下面的特性:

Theme.AppCompat可以為以下控制元件提供主題樣式: Palette可以從圖片中提取顏色,也能直接使用Theme.AppCompat中的顏色:
<!-- extend one of the Theme.AppCompat themes -->
<style name="Theme.MyTheme" parent="Theme.AppCompat.Light">
    <!-- customize the color palette -->
    <item name="colorPrimary">@color/material_blue_500</item>
    <item name="colorPrimaryDark">@color/material_blue_700</item>
    <item name="colorAccent">@color/material_green_A200</item>
</style>

Material Design的特性不是所有都相容,還是去開源的東西吧!