Android(Lollipop/5.0) Material Design(七) 保持兼容性

Define Alternative Styles  定义替代样式

让你的app，使用Material Design的主题运行在支持它的设备上，并在早期版本的设备上可以运行较早的主题：

1. 在res/values/styles.xml 定义一个主题继承较早的主题

2. 在res/values-v21/styles.xml 定义一个相同名字的继承自Material主题 的主题 

3. 在manifest中应用定义的主题

注：如果你的app使用了Material 主题，而不提供较早的主题，那么将不能运行在早期版本的设备上

Provide Alternative Layouts  提供替代布局

如果你设计的layout不引用任何的5.0中的xml属性，那么可以运行在早期版本的Android设备上。否则，你可提供一个替代布局。

替代布局建立在res/layout-v21/

为了避免重复代码，可以在res/values/  定义你的styles，新风格的在res/values-21/ 中定义，并使用style的继承，在res/values中定义一个baseStyle，在res/values-21中继承它。

Use the Support Library  使用支持库

v7 support library 包括以下的一些特性：

· 在应用了一个Theme.AppCompat 主题后，系统的一些组件就有了Material Design 的风格

· 在Theme.AppCompat 主题中，有调色主题

· RecyclerView 组件显示数据集

· CardView 组件创建卡片

· 从图像中取色

System widgets  系统组件

Theme.AppCompat 主题提供的Material Design 风格的组件有：

· EditText

· Spinner

· CheckBox

· Radiobutton

· SwitchCompat

· CheckedTextView

Color Palette

使用v7支持库，获得Material Design 风格定义颜色板，应用一个Theme.AppCompat 主题：

<span class="com"><!-- extend one of the Theme.AppCompat themes --></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"><style</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="atn" style="color: rgb(136, 34, 136);">name</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="atv" style="color: rgb(136, 0, 0);">"Theme.MyTheme"</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="atn" style="color: rgb(136, 34, 136);">parent</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="atv" style="color: rgb(136, 0, 0);">"Theme.AppCompat.Light"</span><span class="tag" style="color: rgb(0, 0, 136);">></span><span class="pln" style="color: rgb(0, 0, 0);">
    </span><span class="com"><!--</span><span class="pln" style="color: rgb(0, 0, 0);"> customize the color palette </span><span class="com">--></span><span class="pln" style="color: rgb(0, 0, 0);">
    </span><span class="pun" style="color: rgb(102, 102, 0);"><</span><span class="pln" style="color: rgb(0, 0, 0);">item name</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="str" style="color: rgb(136, 0, 0);">"colorPrimary"</span><span class="pun" style="color: rgb(102, 102, 0);">>@</span><span class="pln" style="color: rgb(0, 0, 0);">color</span><span class="pun" style="color: rgb(102, 102, 0);">/</span><span class="pln" style="color: rgb(0, 0, 0);">material_blue_500</span><span class="pun" style="color: rgb(102, 102, 0);"></</span><span class="pln" style="color: rgb(0, 0, 0);">item</span><span class="pun" style="color: rgb(102, 102, 0);">></span><span class="pln" style="color: rgb(0, 0, 0);">
    </span><span class="pun" style="color: rgb(102, 102, 0);"><</span><span class="pln" style="color: rgb(0, 0, 0);">item name</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="str" style="color: rgb(136, 0, 0);">"colorPrimaryDark"</span><span class="pun" style="color: rgb(102, 102, 0);">>@</span><span class="pln" style="color: rgb(0, 0, 0);">color</span><span class="pun" style="color: rgb(102, 102, 0);">/</span><span class="pln" style="color: rgb(0, 0, 0);">material_blue_700</span><span class="pun" style="color: rgb(102, 102, 0);"></</span><span class="pln" style="color: rgb(0, 0, 0);">item</span><span class="pun" style="color: rgb(102, 102, 0);">></span><span class="pln" style="color: rgb(0, 0, 0);">
    </span><span class="pun" style="color: rgb(102, 102, 0);"><</span><span class="pln" style="color: rgb(0, 0, 0);">item name</span><span class="pun" style="color: rgb(102, 102, 0);">=</span><span class="str" style="color: rgb(136, 0, 0);">"colorAccent"</span><span class="pun" style="color: rgb(102, 102, 0);">>@</span><span class="pln" style="color: rgb(0, 0, 0);">color</span><span class="pun" style="color: rgb(102, 102, 0);">/</span><span class="pln" style="color: rgb(0, 0, 0);">material_green_A200</span><span class="pun" style="color: rgb(102, 102, 0);"></</span><span class="pln" style="color: rgb(0, 0, 0);">item</span><span class="pun" style="color: rgb(102, 102, 0);">></span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="tag" style="color: rgb(0, 0, 136);"></style></span>

Lists and Cards

使用v7支持库后，在早期的Android版本上也可运行。

Dependencies

gradle 依赖：

<span class="pln" style="color: rgb(0, 0, 0);">dependencies </span><span class="pun" style="color: rgb(102, 102, 0);">{</span><span class="pln" style="color: rgb(0, 0, 0);">
    compile </span><span class="str" style="color: rgb(136, 0, 0);">'com.android.support:appcompat-v7:21.0.+'</span><span class="pln" style="color: rgb(0, 0, 0);">
    compile </span><span class="str" style="color: rgb(136, 0, 0);">'com.android.support:cardview-v7:21.0.+'</span><span class="pln" style="color: rgb(0, 0, 0);">
    compile </span><span class="str" style="color: rgb(136, 0, 0);">'com.android.support:recyclerview-v7:21.0.+'</span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="pun" style="color: rgb(102, 102, 0);">}</span>

Check the System Version  检查系统版本

以下特性只能在Android 5.0(API级别21)及以上:

· Activity transitions  活动转换
· Touch feedback    触觉反馈
· Reveal animations  显示动画
· Path-based animations  基于路径动画
· Vector drawables  矢量图片

· Drawable tinting  图片染色

检查代码：

<span class="com">// Check if we're running on Android 5.0 or higher</span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="kwd" style="color: rgb(0, 0, 136);">if</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="pun" style="color: rgb(102, 102, 0);">(</span><span class="typ" style="color: rgb(102, 0, 102);">Build</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">VERSION</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">SDK_INT </span><span class="pun" style="color: rgb(102, 102, 0);">>=</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="typ" style="color: rgb(102, 0, 102);">Build</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">VERSION_CODES</span><span class="pun" style="color: rgb(102, 102, 0);">.</span><span class="pln" style="color: rgb(0, 0, 0);">LOLLIPOP</span><span class="pun" style="color: rgb(102, 102, 0);">)</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="pun" style="color: rgb(102, 102, 0);">{</span><span class="pln" style="color: rgb(0, 0, 0);">
    </span><span class="com">// Call some material design APIs here</span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="pun" style="color: rgb(102, 102, 0);">}</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="kwd" style="color: rgb(0, 0, 136);">else</span><span class="pln" style="color: rgb(0, 0, 0);"> </span><span class="pun" style="color: rgb(102, 102, 0);">{</span><span class="pln" style="color: rgb(0, 0, 0);">
    </span><span class="com">// Implement this feature without material design</span><span class="pln" style="color: rgb(0, 0, 0);">
</span><span class="pun" style="color: rgb(102, 102, 0);">}</span>

注：要让app支持5.0，需要在manifest中Android:targetSdkVersion=21。