iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android应用的Material设计的布局兼容性的一些要点总结
  • 532
分享到

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

兼容布局material兼容性Android 2022-06-06 08:06:15 532人浏览 薄情痞子
摘要

Define Alternative Styles  定义替代样式 让你的app,使用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 主题:


<!-- 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 { 
   
   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特效之水波纹的实现Android仿水波纹流量球进度条控制器Android项目实战手把手教你画圆形水波纹loadingviewAndroid实现点击Button产生水波纹效果Android SDK中的Support兼容包详解jsHTML5实现手机端刮刮卡抽奖效果完美兼容android/iOSAndroid程序退出完美解决方案兼容所有SDKAndroid实现兼容的水波纹效果


--结束END--

本文标题: Android应用的Material设计的布局兼容性的一些要点总结

本文链接: https://www.lsjlt.com/news/25325.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作