Android应用的Material设计的布局兼容性的一些要点总结
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 主题:
<!-- 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>
lists and cards
使用v7支持库后,在早期的android版本上也可运行。
dependencies
gradle 依赖:
dependencies { compile 'com.android.support:appcompat-v7:21.0.+' compile 'com.android.support:cardview-v7:21.0.+' compile 'com.android.support:recyclerview-v7:21.0.+' }
check the system version 检查系统版本
以下特性只能在android 5.0(api级别21)及以上:
- activity transitions 活动转换
- touch feedback 触觉反馈
- reveal animations 显示动画
- path-based animations 基于路径动画
- vector drawables 矢量图片
- drawable tinting 图片染色
检查代码:
// check if we're running on android 5.0 or higher if (build.version.sdk_int >= build.version_codes.lollipop) { // call some material design apis here } else { // implement this feature without material design }
注:要让app支持5.0,需要在manifest中android:targetsdkversion=21。
ps:recyclerview
附recyclerview的例子:
import android.app.activity; import android.os.bundle; import android.support.v7.widget.gridlayoutmanager; import android.support.v7.widget.recyclerview; import android.support.v7.widget.recyclerview.layoutparams; import android.view.layoutinflater; import android.view.viewgroup; import android.widget.textview; public class recyclerviewactivity extends activity { /* * recyclerview提供这些内置的布局管理器: * linearlayoutmanager 显示垂直滚动列表或水平的项目。 * gridlayoutmanager 显示在一个网格项目。 * staggeredgridlayoutmanager 显示在交错网格项目。 * 自定义的布局管理器,需要继承recyclerview.layoutmanager类。 * * add/remove items时的动画是默认启用的。 * 自定义这些动画需要继承recyclerview.itemanimator,并实现recyclerview.setitemanimator() */ private recyclerview mrecyclerview; private recyclerview.adapter madapter; private recyclerview.layoutmanager mlayoutmanager; private string[] mydataset; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.recycler_view); mrecyclerview = (recyclerview) findviewbyid(r.id.my_recycler_view); // use this setting to improve performance if you know that changes // in content do not change the layout size of the recyclerview mrecyclerview.sethasfixedsize(true); // use a linear layout manager // mlayoutmanager = new linearlayoutmanager(this); // mlayoutmanager = new gridlayoutmanager(this, 3, gridlayoutmanager.vertical, true); //true 表示,将layout内容反转 mlayoutmanager = new gridlayoutmanager(this, 3, gridlayoutmanager.vertical, false); //horizontal 横向滚动显示内容 vertical纵向 // mlayoutmanager = new gridlayoutmanager(this, 3, gridlayoutmanager.horizontal, false); //方向也是指示滚动方向,例子中横向开头的数据交错了一点, 纵向的无交错 // mlayoutmanager = new staggeredgridlayoutmanager(3, staggeredgridlayoutmanager.horizontal); // mlayoutmanager = new staggeredgridlayoutmanager(4, staggeredgridlayoutmanager.vertical); mrecyclerview.setlayoutmanager(mlayoutmanager); // mrecyclerview.setlayoutmanager(new mylayoutmnager()); //数据不显示,可能还需要重写什么东西。。 // specify an adapter (see also next example) setdatas(); madapter = new myadapter(mydataset); mrecyclerview.setadapter(madapter); } private void setdatas() { int len = 200; mydataset = new string[len]; for (int i = 0; i < len; i++) { switch (i%3) { case 0: mydataset[i] = "中国" + i; break; case 1: mydataset[i] = "美国" + i; break; case 2: mydataset[i] = "澳大利亚" + i; break; } } } class mylayoutmnager extends recyclerview.layoutmanager { @override public layoutparams generatedefaultlayoutparams() { layoutparams params = new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content); params.topmargin = 5; return params; } } class myadapter extends recyclerview.adapter<viewholder> { private string[] mdataset; // provide a reference to the views for each data item // complex data items may need more than one view per item, and // you provide access to all the views for a data item in a view holder // provide a suitable constructor (depends on the kind of dataset) public myadapter(string[] mydataset) { mdataset = mydataset; } // create new views (invoked by the layout manager) @override public viewholder oncreateviewholder(viewgroup parent, int viewtype) { // create a new view textview tv = (textview) layoutinflater.from(parent.getcontext()) .inflate(r.layout.my_text_view, parent, false); // set the view's size, margins, paddings and layout parameters //... viewholder vh = new viewholder(tv); //构建一个viewholder return vh; } // replace the contents of a view (invoked by the layout manager) @override public void onbindviewholder(viewholder holder, int position) { // - get element from your dataset at this position // - replace the contents of the view with that element holder.mtextview.settext(mdataset[position]); } // return the size of your dataset (invoked by the layout manager) @override public int getitemcount() { return mdataset.length; } } static class viewholder extends recyclerview.viewholder { // each data item is just a string in this case public textview mtextview; public viewholder(textview v) { super(v); mtextview = v; } } }