当前位置: 移动技术网 > 移动技术>移动开发>Android > Android应用的Material设计的布局兼容性的一些要点总结

Android应用的Material设计的布局兼容性的一些要点总结

2019年07月24日  | 移动技术网移动技术  | 我要评论

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; 
    } 
  } 
} 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网