Material Design相容性和開源專案
阿新 • • 發佈:2019-01-31
有一部分Material design特性只能在5.0或者更高的版本上才能使用,包括以下這些:
- Activity transitions(activity切換動畫效果)
- Touch feedback(觸控反饋)
- Reveal animations
- Path-based animations
- Vector drawables
- Drawable tinting
// 如果是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.xml
和res/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的特性不是所有都相容,還是去開源的東西吧!