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

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

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索android
，布局
，兼容
Meterial
material design 布局、flex布局兼容性、弹性布局兼容性、flex布局的兼容性、flex布局浏览器兼容性，以便于您获取更多的相关知识。

时间： 2024-10-11 07:59:16

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

Android应用的Material设计的布局兼容性的一些要点总结_Android的相关文章

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

Android应用的Material设计中图片的相关处理指南_Android

Android应用的Material设计中图片的相关处理指南

Android Studio使用小技巧：布局预览时填充数据_Android

DIV CSS网页布局兼容性有哪些要点与诀窍？

总结：CSS网页布局兼容性有哪些要点与诀窍？

详解Android Material设计中阴影效果的实现方法_Android

Android用户界面设计：布局基础

Android 各种按钮点击效果以及兼容性问题总结