Android 5.0 新特性

| | |
| 1,962 | 8

初步整理 5.0 新特性 参考 tianzhu2725

Material Design

概念：融合卡片式，立体式的设计风格，强调层次感，动画，阴影等元素。

官网介绍

ToolBar

它用来代替 ActionBar，但是比 ActionBar 更加灵活，相当于可以写在布局文件中的 ActionBar；与 DrawerLayout 使用的时候，DrawerLayout 可以覆盖在 ToolBar 上，并且 ToolBar 和ActionBar 不能同时使用

使用 ToolBar 的步骤：

先隐藏 ActionBar，可以继承一个不带 ActionBar 的 Theme，如:

style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"

然后在 Activity 中设置 ToolBar 替代 ActionBar：

setSupportActionBar(toolBar);

最后设置 ToolBar 的显示内容：

toolBar.setTitle("ToolBar");//设置标题
toolBar.setNavigationIcon(iconRes);//设置图标
toolBar.setOnMenuItemClickListener();//设置 Menu Item 点击

动态替换Theme

MaterialTheme 配色方案

让 Activity 使用自定义的 Theme，修改状态栏，ActionBar，界面背景，NavigationBar的颜色。

<style name="AppTheme" parent="@android:style/Theme.Material">
    <!--状态栏颜色-->
    <item name="android:colorPrimaryDark">#f00</item>
    <!--ActionBar 颜色-->
    <item name="android:colorPrimary">#ff0</item>
    <!--界面背景颜色-->
    <item name="android:windowBackground">@color/colorWindowBackground</item>
    <!--导航栏颜色-->
    <item name="android:navigationBarColor">#00f</item>
</style>

动态替换 Theme 的步骤：

定义至少 2 套 theme
调用 setTheme 方法设置当前的 theme，但是该方法要在 setContentView 之前，如:

setTheme(mTheme);
setContentView(R.layout.activity_main);

设置了 Theme，需要 finish 当前 Activity，然后重启当前 Activity，让 Theme 生效

Intent intent = getActivity().getIntent();
getActivity().finish();//结束当前的Activity
getActivity().overridePendingTransition(0,0);//不要动画
startActivity(intent);

RecyclerView

官网

先添加依赖

compile 'com.android.support:recyclerview-v7:23.1.1'

设置 LayoutManager：控制 RecyclerView 如何显示布局,系统提供 3 个布局管理器：

LinearLayoutManager：线性布局，有横向和竖直方向显示
GridLayoutManager：网格布局，有横向和竖直方向显示
StaggeredGridLayoutManager： 瀑布流布局，有横向和竖直方向显示

然后给 RecyclerView 设置 Adapter

设置点击事件，由于 RecyclerView 没有 setOnItemClickListener，只能在 Adapter 中给 View 设置 Click 事件

水波纹动画，自定义水波纹动画以及状态选择器动画

首先，在Android 5.0 以上，点击效果默认自带水波纹效果，并且有 2 种选择：

//矩形边框水波纹
android:background="?android:attr/selectableItemBackground"
//无边框限制水波纹
android:background="?android:attr/selectableItemBackgroundBorderless"

自定义水波纹动画

使用 ViewAnimationUtils 创建圆形水波纹动画，注意该动画不能在 Activity 的 onCreate 方法中执行：

Animator circularReveal = ViewAnimationUtils.createCircularReveal(text, 0, text.getHeight() , 1f, text.getWidth()*2);
circularReveal.setDuration(1000);
circularReveal.start();

使用 ripple 标签或者 RippleDrawable 可以更改控件水波纹动画颜色：

<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="#00ff00">
<item android:id="@android:id/mask" >
<color android:color="#0000ff" />

定义带有属性动画的状态选择器

通过 stateListAnimator 属性指定状态选择器的动画：

android:stateListAnimator="@drawable/selector_anim"

状态选择器文件中需要加入 objectAnimator 标签：

<selector  xmlns:android = "http://schemas.android.com/apk/res/android" >
<item  android:statepressed = "true" >
<objectAnimator  android:propertyName = "scaleX"
        android:duration = "@android:integer/configshortAnimTime"
        android:valueTo = "0.2"
        android:valueFrom = "1"
        android:valueType = "floatType" >
    //...

同样，状态选择器动画可以用代码方式加载

//加载动画
AnimatorInflater.loadStateListAnimator();
//设置动画
View.setStateListAnimator();

定义带有帧动画的状态选择器，需要设置给 background 属性，不是 stateListAnimator，如下所示:

<animated-selector  xmlns:android = "http://schemas.android.com/apk/res/android" > 
<item  android:id = "@+id/pressed"  android:drawable = "@drawable/drawableP" 
    android:state_pressed = "true" /> 
<item  android:id = "@id/default" 
    android:drawable = "@drawable/drawableD" /> 

<!-- 指定帧动画 - -> 
<transition  android:fromId = "@+id/default"  android:toId = "@+id/pressed" > 
    <animation-list> 
        <item  android:duration = "15"  android:drawable = "@drawable/dt1 "/> 
        <item  android:duration = "15"  android:drawable = "@drawable/dt2"/> 
        ... 
    </animation-list> 
 </animated-selector>

CardView

CardLayout 拥有高度和阴影，以及轮廓裁剪，圆角等功能

各属性说明:

1.设置圆角：card_view:cardCornerRadius=”10dp”
2.设置高度：card_view:cardElevation=”10dp”
3.设置内边距：card_view:contentPadding=”10dp”
4.设置背景色：card_view:cardBackgroundColor=”?android:attr/colorPrimary”

View 的高度与阴影

官网介绍

View 新增属性 z 轴，用来体现 Material Design 中的层次，影响因素 2 个：elevation 和 translationZ

View 高度 = elevation + translationZ

elevation 表示 view 的高度，高度越大，阴影越大，可以在 xml 中直接使用属性， 也可以在代码中使用

view.setEvelvation();
android:elevation="10dp"

transtionZ 属性表示 view 在 Z 方向移动的距离，一般用于属性动画中

android:translationZ="10dp"

高度影响 View 的绘制顺序，过去是按 View 添加顺序绘制，先添加的先绘制，现在高度小的先绘制，因为高度小的，层级低，在下面， 高度相同的，按添加顺序绘制

注意：

如果 View 的背景色为透明，则不会显示出阴影效果

只有子 View 的大小比父 View 小时，阴影才能显示出来

View 的轮廓与裁剪

(在Android 5.1 以及以上才有效果)

官网介绍

View 增加了轮廓概念,轮廓用来表示怎么显示阴影,也就是说轮廓什么形状，阴影就显示什么形状。

View 的轮廓可以通过 outlineProvider 属性设置，默认是依据于 background 的，还有其他 3 个取值：bounds,none,paddingBounds

android:outlineProvider="bounds"

none：即使设置了 evaluation 也不显示阴影
background：按背景来显示轮廓，如果 background 是颜色值，则轮廓就是 view 的大小，如果是shape，则按 shape 指定的形状作为轮廓
bounds: View 的矩形大小作轮廓
paddedBounds: View 的矩形大小减去 padding 的值后的大小作轮廓。

可以通过 setOutlineProvider() 方法自定义轮廓:

tv_blue.setOutlineProvider(new ViewOutlineProvider() {
        @TargetApi(Build.VERSION_CODES.LOLLIPOP)
        @Override
        public void getOutline(View view, Outline outline) {
            outline.setOval(0,0,
                    view.getWidth(),view.getHeight());
        }
    });

注意：如果 background 是图片，那只能通过代码 setOutlineProvider() 来指定轮廓
View 的裁剪是指将 View 按照轮廓裁剪，能改变 View 的形状，如圆形头像：

先设置轮廓:
再设置根据轮廓裁剪 View,目前只支持对矩形，圆形，圆角矩形的裁剪:
//设置对View进行裁剪
tv_clip.setClipToOutline(true);

Palette

使用 Palette 可以让我们从一张图片中拾取颜色，将拾取到的颜色赋予 ActionBar，StatusBar 以及背景色可以让界面色调实现统一
使用 Palette 需要添加以下依赖：

compile 'com.android.support:palette-v7:23.0.0+'

Palette 提供的 API

传入 Bitmap 即可获取 Palette 对象,以下是同步和异步使用方式:

//同步获取，需要在子线程中使用
Palette palette = Palette.from(drawable.getBitmap()).generate();
//异步获取，可以在主线程中使用
Palette.from(drawable.getBitmap()).generate(new Palette.PaletteAsyncListener() {
    @Override
    public void onGenerated(Palette palette) {
        //...
    }
});

得到Palette对象后，获取其中的颜色，颜色对应如下：

vibrant - 有活力的颜色
lightVibrant - 有活力的亮色
darkVibrant - 有活力的暗色
muted - 柔和暗淡的颜色
lightMuted - 柔和的亮色
darkMuted - 柔和的暗色

获取指定颜色的采样对象，获取采样得到的颜色:

//我们可以直接使用 palette 获取指定颜色：
palette.getLightMutedColor(defaultColor);

//一般也可以先获取采样对象 Swatch,从 Swatch 中获取我们需要的颜色:
//获取有活力颜色的采样对象
Palette.Swatch vibrantSwatch = palette.getVibrantSwatch();

采样对象Swatch提供了以下方法来获取颜色：

//swatch.getPopulation(): the amount of pixels which this swatch represents.
//swatch.getRgb(): the RGB value of this color.
//swatch.getHsl(): the HSL value of this color，即色相，饱和度，明度.
//swatch.getBodyTextColor(): the RGB value of a text color which can be displayed on top of this color.
//swatch.getTitleTextColor(): the RGB value of a text color which can be displayed on top of this color

//一般会将getRgb设置给控件背景色，getBodyTextColor()设置给文字颜色
textView.setBackgroundColor(vibrantSwatch.getRgb());
textView.setTextColor(vibrantSwatch.getBodyTextColor());

Android 5.0 新特性的向下兼容

可以通过Support Library使用的新特性可以向下兼容，如：

RecyclerView (recyclerview-v7)
CardView (cardview-v7)
Palette 颜色识别 (palette-v7)
ToolBar (appcompat-v7)
SwipeRefreshLayout (v4)

定义针对版本的资源目录

layout：使用新API的布局放在res/layout-v21中，其他的放res/layout
drawable：使用新属性的drawable文件放到 res/drawable-v21，其他的放 res/drawable
values: 新的主题放到 res/values-v21, 其他的放 res/values

在代码中对系统 Version 做判断，使用对应的效果，如:

if(Build.VERSION.SDK_INT> 21){
    //使用新动画
    ...
}
坚持原创技术分享，您的支持将鼓励我继续创作！