新特性学习总结

Define Alternative Styles  定义替代样式 让你的app,使用Material
Design的主题运行在支持它的设备上,并在早期版本的设备上可以运行较早的主题:

  1. 在res/values/styles.xml 定义一个主题继承较早的主题
  2. 在res/values-v21/styles.xml 定义一个相同名字的继承自Material主题
    的主题
  3. 在manifest中应用定义的主题
    注:如果你的app使用了Material
    主题,而不提供较早的主题,那么将不能运行在早期版本的设备上

低版本android上实现Material design应用

Provide Alternative Layouts  提供替代布局 如果你设计的layout不引用任何的5.0中的xml属性,那么可以运行在早期版本的Android设备上。否则,你可提供一个替代布局。
替代布局建立在res/layout-v21/
为了避免重复代码,可以在res/values/ 
定义你的styles,新风格的在res/values-21/
中定义,并使用style的继承,在res/values中定义一个baseStyle,在res/values-21中继承它。

Android5.0版本,推出了Material
Design的概念,这是在设计上Android的又一大突破。对应的程序实现上就有如
Theme.Material.Light、
Theme.Material.Light.DarkActionBar等主题,但是这种风格的主题只能应用在在5.0版本的手机,如果在5.0之前应用Material
Design该怎么办呢?

Use the Support Library  使用支持库
v7 support library 包括以下的一些特性:

google官方,以及一些大牛,给我们提供了一些程序来兼容5.0之前的版本,常用的包如下:

  • 在应用了一个Theme.AppCompat 主题后,系统的一些组件就有了Material
    Design 的风格
  • 在Theme.AppCompat 主题中,有调色主题
  • RecyclerView 组件显示数据集
  • CardView 组件创建卡片
  • 从图像中取色

‘com.android.support:appcompat-v7:22.+’, // 这个包是为了考虑API level
7(即Android 2.1)及以上版本而设计的,v7里默认包含了v4包,v7支持了Action
Bar以及一些Theme的兼容。’com.android.support:recyclerview-v7:22.+’, //
当你list中的元素经常动态改变时可以使用RecyclerView控件。它提供了如下两个功能:1、为每个条目位置提供了layout管理器(RecyclerView.setLayoutManager)2、为每个条目设置了操作动画(RecyclerView.setItemAnimator)’com.android.support:cardview-v7:22.+’
//
卡片式视图组件,允许你在Card视图中显示信息,
CardView也可以设置阴影和圆角。

System widgets  系统组件

Material Design的Theme

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

md的主题有:

  • EditText
  • Spinner
  • CheckBox
  • Radiobutton
  • SwitchCompat
  • CheckedTextView

@android:style/Theme.Material (dark version)

Color Palette

@android:style/Theme.Material.Light (light version)

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

@android:style/Theme.Material.Light.DarkActionBar

<!-- 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>

appcompat-v7中与之对应的Compat Theme:

Lists and Cards

Theme.AppCompat

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

Theme.AppCompat.Light

Dependencies

Theme.AppCompat.Light.DarkActionBar

gradle 依赖:

我们可以根据我们的app的风格,去定制Color
Palette(调色板),重点有以下几个属性:

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.+'
}

value/styles.xml:

Check the System Version  检查系统版本

Android4.2下效果:

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

图片 1

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

Android5.0下效果:

检查代码:

图片 2

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

ToolBar的使用

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

众所周知,在使用ActionBar的时候,一堆的问题:这个文字能不能定制,位置能不能改变,图标的间距怎么控制神马的,由此暴露出了ActionBar设计的不灵活。为此官方提供了ToolBar,并且提供了supprot

PS:RecyclerView 附RecyclerView的例子:

library用于向下兼容。Toolbar之所以灵活,是因为它其实就是一个ViewGroup,我们在使用的时候和普通的组件一样,在布局文件中声明。

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

(1)ToolBar的引入

您可能感兴趣的文章:

  • Android特效之水波纹的实现
  • Android仿水波纹流量球进度条控制器
  • Android项目实战手把手教你画圆形水波纹loadingview
  • Android实现点击Button产生水波纹效果
  • Android
    SDK中的Support兼容包详解
  • js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
  • Android程序退出完美解决方案兼容所有SDK
  • Android实现兼容的水波纹效果

1)隐藏原本的ActionBar

隐藏可以通过修改我们继承的主题为:Theme.AppCompat.Light.NoActionBar,如styles.xml:

当然也可以通过设置以下属性完成:

falsetrue

2)布局文件中声明:

……

可以看到Toolbar外面包裹了一层AppBarLayout,AppBarLayout
是android.support.design库提供的控件,详情请见下面Android Design Support
Library的介绍。

Android Design Support Library

Google在2015的IO大会上,给我们带来了更加详细的Material
Design设计规范,同时,也给我们带来了全新的Android

Design Support

Library,在这个support库里面,Google给我们提供了更加规范的MD设计风格的控件。最重要的是,Android
Design

Support Library的兼容性更广,直接可以向下兼容到Android
2.2。这不得不说是一个良心之作。

使用Support Library非常简单:

‘com.android.support:design:22.+’, // 这个 Lib 中主要包含了 8 个新的
material design 组件!最低支持 Android 2.1 。 这些组件在我看来就是对
Github中最近比较火的 android 组件进行了封装。

Snackbar轻量级弹窗

Snackbar提供了一个介于Toast和AlertDialog之间轻量级控件,它可以很方便的提供消息的提示和动作反馈。

Snackbar.make(view, “Snackbar comes out”, Snackbar.LENGTH_LONG)

.setAction(“Action”,

new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(HYMainActivity.this, “Toast comes out”,
Toast.LENGTH_SHORT).show();

}

}

).show();

图片 3

TextInputLayout增强型文本输入

TextInputLayout作为一个父容器控件,包装了新的EditText。通常,单独的EditText会在用户输入第一个字母之后隐藏hint提示信息,但是现在你可以使用TextInputLayout

来将EditText封装起来,提示信息会变成一个显示在EditText之上的floating

label,这样用户就始终知道他们现在输入的是什么。同时,如果给EditText增加监听,还可以给它增加更多的floating
label。

……

final TextInputLayout textInputLayout = (TextInputLayout)
getActivity().findViewById(R.id.til_pwd);

EditText editText = textInputLayout.getEditText();

textInputLayout.setHint(“请输入密码”);

editText.addTextChangedListener(new TextWatcher() {

@Override

public void beforeTextChanged(CharSequence s, int start, int count, int
after) {

if (s.length() > 10 || s.length() < 6) {

textInputLayout.setError(“请输入6之10位数密码”);

textInputLayout.setErrorEnabled(true);

} else {

textInputLayout.setErrorEnabled(false);

}

}

@Override

public void onTextChanged(CharSequence s, int start, int before, int
count) {

textView.setText(s);

}

@Override

public void afterTextChanged(Editable s) {

}

});

图片 4

这里需要注意的是,TextInputLayout的颜色来自style中的colorAccent的颜色。

Floating Action Button界面操作按钮

floating action button 是一个负责显示界面基本操作的圆形按钮。Design

library中的FloatingActionButton

实现了一个默认颜色为主题中colorAccent的悬浮操作按钮。FloatingActionButton继承自ImageView,你可以使用android:src或者ImageView的任意方法,比如setImageDrawable()来设置FloatingActionButton里面的图标。

图片 5

图片 6

TabLayout滑动切换布局

Design library的TabLayout 既实现了固定的选项卡 –
view的宽度平均分配,也实现了可滚动的选项卡 –
view宽度不固定同时可以横向滚动。选项卡可以在程序中动态添加:

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
tabLayout.addTab(tabLayout.newTab().setText(“tab1”));
tabLayout.addTab(tabLayout.newTab().setText(“tab2”));

但大部分时间我们都不会这样用,通常滑动布局都会和ViewPager配合起来使用,只需要使用tabLayout.setupWithViewPager(mViewPager);就把两个关联起来了。

NavigationView导航抽屉

Google提供了NavigationView来实现导航菜单界面,其中最重要的就是这两个属性:

app:headerLayout

app:menu

通过这两个属性,我们可以非常方便的指定导航界面的头布局和菜单布局:

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注