Android5.0新特性

虽然6.0早就出了，但是呢，5.0用的都很少。

主要就是更换版本

较高，用户强烈要求才会更换。

Android 5.0新特性

Material Theme

View的阴影和裁剪

Drawables图形资源

Animations

新增控件-卡片和列表
http://developer.android.com/training/material/index.html

1.MaterialDesigh概述

材质设计,以抽象化的形式展现物理世界的特征。

Material 主题

系统自带的主题

@android:style/Theme.Material

@android:style/Theme.Material.Light

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

如何自定义主题

参见http://developer.android.com/training/material/theme.html

不同的Theme，不同的属性值。

常用的样式属性

<style name="RedTheme" parent="android:Theme.Material">

<!-- 状态栏颜色，会被statusBarColor效果覆盖-->
<item name="android:colorPrimaryDark">@color/status_red</item>
<!-- 状态栏颜色，继承自colorPrimaryDark -->
<item name="android:statusBarColor">@color/status_red</item>
<!-- actionBar颜色 -->
<item name="android:colorPrimary">@color/action_red</item>
<!-- 背景颜色 -->
<item name="android:windowBackground">@color/window_bg_red</item>
<!-- 底部栏颜色 -->
<item name="android:navigationBarColor">@color/navigation_red</item>

<!-- ListView的分割线颜色，switch滑动区域色-->
<item name="android:colorForeground">@color/fg_red</item>
<!-- popMenu的背景色 -->
<item name="android:colorBackground">@color/bg_red</item>

<!-- 控件默认颜色 ，效果会被colorControlActivated取代  -->
<item name="android:colorAccent">@color/control_activated_red</item>

<!-- 控件默认时颜色  -->
<item name="android:colorControlNormal">@color/control_normal_red</item>
<!-- 控件按压时颜色，会影响水波纹效果，继承自colorAccent  -->
<item name="android:colorControlHighlight">@color/control_highlight_red</item>
<!-- 控件选中时颜色 -->
<item name="android:colorControlActivated">@color/control_activated_red</item>
<!-- Button的默认背景 -->
<item name="android:colorButtonNormal">@color/button_normal_red</item>

<!-- Button，textView的文字颜色  -->
<item name="android:textColor">@color/white_text</item>
<!-- RadioButton checkbox等控件的文字 -->
<item name="android:textColorPrimaryDisableOnly">@color/white_text</item>
<!-- actionBar的标题文字颜色 -->
<item name="android:textColorPrimary">@color/white_text</item>
</style>

2.阴影和裁剪

Z轴属性

Z = elevation + translationZ

android:elevation   //静态Z轴的高度。相对于父控件的高度
android:translationZ    //Z轴偏移的高度。

高度决定了View的遮盖关系，遮盖关系决定绘制时机。

阴影轮廓

android:outlineProvider：
none：不显示阴影
background ：按照显示区域来绘制阴影
bounds ：在View的边界描绘阴影
paddedBounds： 在View边界描绘阴影，但会忽略paddingTop和paddingLeft

View都是矩形的，阴影默认是沿着背景的边界绘制。如果背景是矩形了自然没有问题。 如果是圆形的，分两种情况:

通过shape定义的，系统可以识别出真实边界，阴影绘制没有问题.

带有透明通道的png图片，会当成矩形绘制阴影。因为系统无法排除透明通道，识别出真实的边界，

为了避免圆形的View显示矩形的阴影，，View增加了一个新的描述来指明内容显示的形状，这就是轮廓。

布局设置：

android:outlineProvider="none|background|bounds|paddedBounds"

none 不显示阴影
background ：按照显示区域来绘制阴影
bounds ：在View的边界描绘阴影
paddedBounds： 在View边界描绘阴影，但会计算paddingTop和paddingLeft

代码设置：

圆形png图片因为无法排除透明通道，无法识别出真实边界，所以可以自定义，代码提供轮廓

View.setOutlineProvider(new ViewOutlineProvide(){
public void getOutline(View view, Outline outline) {
//矩形，圆形，圆角矩形，Path。除了正常的阴影，也可以自定义奇葩的阴影效果
outline.setOval(0, 0, view.getWidth(), view.getHeight());
}
});

轮廓裁剪

由于轮廓可以自定义，当轮廓小于View的大小，View并不会变小。如果希望View大小跟轮廓匹配，可以裁剪View的大小以适应轮廓，这样也可以通过裁剪生成新的形状。

Outline.canClip();//是否可以被裁剪。目前支持矩形，圆形，圆角矩形
View.setClipToOutline(true);//允许裁剪View大小以适应轮廓

只能往小了裁，不能往大了裁。

轮廓大小如果大于View大小，只会扩大阴影的绘制路径，但不会超出父控件边界

裁剪的本质是绘制时裁剪画布的大小，但不会改变View的测量大小，触摸区域。

3. Drawables图形资源

Drawable渲染

矢量图

色彩提取

色彩渲染

如何设置

代码：
Drawable#setTint(int color);//设置渲染色
Drawable#setTintMode(PorterDuff.Mode tintMode);//设置渲染模式
xml文件：
//可以应用xml定义的bitmap或者ImageView或者View的background等涉及到drawable的地方.
android:tint
android:tintMode

渲染模式

PorterDuff.Mode 18种模式，其决定了原图颜色和渲染颜色的取舍和合成规则。

原理：将原图颜色Dst与渲染颜色Src每个像素点的alpha和color值通过算法计算得到新的颜色，以实现不同的混合效果。

效果参见ApiDemos-Graphics-Xfermodes.演示了16种效果

矢量图

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="300dp"//宽
android:width="300dp"//宽
android:viewportHeight="40"//画布高
android:viewportWidth="40"//画布宽 虚拟大小，pathData中距离的参考
>
<path android:fillColor="#ff00ff"
android:pathData="M20.5,9.5
c-1.955,0,-3.83,1.268,-4.5,3
c-0.67,-1.732,-2.547,-3,-4.5,-3
C8.957,9.5,7,11.432,7,14
c0,3.53,3.793,6.257,9,11.5
c5.207,-5.242,9,-7.97,9,-11.5
C25,11.432,23.043,9.5,20.5,9.5z"
/>
</vector>

取色器

android.support.v7.graphics.Palette

Vibrant 鲜艳的
Vibrant dark鲜艳的暗色
Vibrant light鲜艳的亮色
Muted 柔和的
Muted dark柔和的暗色
Muted light柔和的亮色

//在子线程可以使用同步操作
Palette p = Palette.from(bitmap).generate();

//在主线程使用异步操作
Palette.from(bitmap).generate(new PaletteAsyncListener() {
public void onGenerated(Palette p) {
// Use generated instance

}
});

//gradle 添加依赖
dependencies {
...
compile 'com.android.support:palette-v7:21.0.0'
}

其他

//获取某个像素点的颜色值
int color=Bitmap.getPixel(int x, int y);

3.Animations

Touch feedback 触摸反馈

Circular Reveal 循环揭露

Activity transitions

Curved motion

View state changes

涟漪效果RippleDrawable

Button自带涟漪动画

默认效果，有背景，按下带水波纹效果

android:background="?android:selectableItemBackground";无背景，按下有水波纹效果

android:background="?android:selectableItemBackgroundBorderless";无背景，V控件大小不限制水波纹的扩散

自定义涟漪背景：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="#00FF00"><!--涟漪颜色-->

<!--背景颜色，如果没有，则涟漪动画无边界-->
<item android:drawable="@color/action_red"/>
</ripple>

圆形缩放动画 RevealAnimator

可用于View的隐藏显示的过渡

/**
* @param view 要执行动画的View
* @param centerX 圆心X
* @param centerY 圆心Y
* @param startRadius 开始半径
* @param endRadius 结束半径
*/
ViewAnimationUtils.createCircularReveal(myView, cx, cy, 0, finalRadius);

状态切换动画

参见http://developer.android.com/training/material/animations.html#ViewState

StateListAnimator

AnimatedStateListDrawable

StateListAnimator 属性动画

定义

<selector xmlns:android="http://schemas.android.com/apk/res/android">
//切换到按下状态时执行的动画
<item android:state_pressed="true">
<set>
<objectAnimator android:propertyName="translationZ"
android:duration="@android:integer/config_shortAnimTime"
android:valueTo="2dp"
android:valueType="floatType"/>
<!-- you could have other objectAnimator elements
here for "x" and "y", or other properties -->
//同时还可以执行其他的动画
</set>
</item>
//切换默认状态时执行的动画
<item >
<set>
<objectAnimator android:propertyName="translationZ"
android:duration="100"
android:valueTo="0"
android:valueType="floatType"/>
</set>
</item>
</selector>

使用

xml布局：
android:stateListAnimator属性设置
代码：
View#setStateListAnimator(AnimatorInflater.loadStateListAnimator(this,R.drawable.selector_anim_state));

其他

如果设置了Material Theme，Button默认会有Z轴改变的动画效果。如果想屏蔽，可以设置android:stateListAnimator为 @null

AnimatedStateListDrawable 过渡帧动画

定义

<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>
</transition>
...
</animated-selector>

如何使用

android:background当成普通drawable使用

矢量图动画 AnimatedVectorDrawable

参见http://developer.android.com/training/material/animations.html#AnimVector

在drawable目录定义一个矢量图

<!-- res/drawable/vectordrawable.xml -->
vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="64dp"
android:width="64dp"
android:viewportHeight="600"
android:viewportWidth="600">
<group
android:name="rotationGroup"
android:pivotX="300.0"
android:pivotY="300.0"
android:rotation="0.0" >
<path
android:name="v"
android:fillColor="#000000"
android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70z" />
</group>
</vector>

在drawable目录定义一个<animated-vector>矢量图动画

<!-- res/drawable/animvectordrawable.xml -->
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/vectordrawable" >
<target
android:name="rotationGroup"
android:animation="@anim/rotation" />
<target
android:name="v"
android:animation="@anim/path_morph" />
</animated-vector>

在anim目录定义要执行的属性动画

<!-- res/anim/rotation.xml -->
<objectAnimator
android:duration="6000"
android:propertyName="rotation"
android:valueFrom="0"
android:valueTo="360" />

<!-- res/anim/path_morph.xml -->
<set xmlns:android="http://schemas.android.com/apk/res/android">
<objectAnimator
android:duration="3000"
android:propertyName="pathData"
android:valueFrom="M300,70 l 0,-70 70,70 0,0   -70,70z"
android:valueTo="M300,70 l 0,-70 70,0  0,140 -70,0 z"
android:valueType="pathType" />
//pathData要求参数个数相同，命令也要相同。
</set>

使用矢量图动画

animvectordrawable.xml作为background设置给View

//代码中获取到background，因为是特殊的background，播放
Drawable drawable = vector.getBackground();
if (drawable instanceof Animatable) {
((Animatable) drawable).start();
}

曲线运动

参见 http://developer.android.com/training/material/animations.html#CurvedMotion
PathInterpolator

通过Path定义动画插入器的运动轨迹.二阶，三阶贝塞尔曲线和自定义Path

动画插入器：通过运动曲线模型干预动画的执行。<br/>
运动曲线模型：一个 1x1 的正方形内指定一个运动曲线，起点位于 (0,0)，终点 (1,1)，控制点形成运动曲线

//二阶贝塞尔曲线
public PathInterpolator(float controlX, float controlY)

//三阶贝塞尔曲线
public PathInterpolator(float controlX1, float controlY1, float controlX2, float controlY2)

//Path定义运动曲线
public PathInterpolator(Path path)

Path path = new Path();
path.lineTo(0.4f, 0.8f);
path.lineTo(0.6f, 0.0f);
path.lineTo(1f, 1f);//必须从0,0开始，1,1结束
PathInterpolator pathin=new PathInterpolator(path);

ObjectAnimator 属性动画可以通过Path设置View的带X,Y属性

Path path2 = new Path();
path2.lineTo(40, 80);
path2.lineTo(50, 40);
ObjectAnimator.ofFloat(mAnimView,View.TRANSLATION_X,View.TRANSLATION_Y,path2).setDuration(2000).start();

注意：Tween动画跟属性动画做动画，Tween动画不该变View真实的位置及大小，属性动画改变真实位置及大小。

Activity转场动画

回顾Activity切换动画

新增Activity元素场景转换动画 - 进入、退出、共享元素转换

回顾Activity切换动画

代码：
//Activity切换动画。api 16以后出现了更好的选择--ActivityOption
public void overridePendingTransition(int enterAnim, int exitAnim);//在startActivity之后，finish之前执行，配置进来的和出去的Activity执行的动画
主题：
//主题配置切换动画
<style name="AppTheme" parent="Theme.Light">
...
<item name="android:windowAnimationStyle">@style/ActivityAnimation</item>
</style>
<!--Activity的动画 设置给windowAnimationStyle-->
<style name="ActivityAnimation" parent="android:Animation.Activity">
<item name="android:activityOpenEnterAnimation">@anim/slide_in_left</item>//从A打开B时B的动画
<item name="android:activityOpenExitAnimation">@anim/slide_out_right</item>//从A打开B时A的动画
<item name="android:activityCloseEnterAnimation">@anim/push_down_in</item>//从B返回A时A的动画
<item name="android:activityCloseExitAnimation">@anim/push_down_out</item>//从B返回A时B的动画
</style>

Activity元素场景转换动画

分类

进入退出--Visibility

Explode分解 - 从场景中心移入或移出视图。

Slide滑动 - 从场景边缘移入或移出视图。

Fade淡入淡出 - 通过调整透明度从场景增添或移除视图

可实现接口进行自定义

共享元素动画-- Transition

changeBounds - 为目标视图的布局边界的变化添加动画。

changeClipBounds - 为目标视图的裁剪边界的变化添加动画。

changeTransform - 为目标视图的缩放与旋转变化添加动画。

changeScroll - 为目标视图的ScrollTo操作添加动画。

changeImageTransform - 为目标图像的大小与缩放变化添加动画。

如何使用

1. 通过Theme定义
<style name="BaseAppTheme" parent="android:Theme.Material">
<!-- 启用动画 -->
<item name="android:windowContentTransitions">true</item>
<item name="android:windowActivityTransitions">true</item>

<!-- 进入退出动画 -->
<item name="android:windowEnterTransition">@android:transition/explode</item>
<item name="android:windowExitTransition">@android:transition/explode</item>
<item name="android:windowReturnTransition">@android:transition/explode</item>
<item name="android:windowReenterTransition">@android:transition/explode</item>
// 尽快开始进入转换
<item name="android:windowAllowEnterTransitionOverlap">true</item>

<!-- 共享元素动画 -->
<item name="android:windowSharedElementEnterTransition">
@android:transition/move</item>
<item name="android:windowSharedElementExitTransition">
@android:transition/move</item>
<item name="android:windowSharedElementReturnTransition">
@android:transition/move</item>
<item name="android:windowSharedElementReenterTransition">
@android:transition/move</item>
<item name="android:windowSharedElementsUseOverlay">true</item>
</style>

Activity里代码设置：

/ 允许使用transitions
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
// 指定进入、退出、返回、重新进入时的transitions
TransitionSet set = new TransitionSet();//也可设置TransitionSet
set.addTransition(new Explode());
set.addTransition(new Fade());
getWindow().setEnterTransition(new Explode());
getWindow().setExitTransition(new Explode());
getWindow().setEnterTransition(new Explode());
getWindow().setExitTransition(new Explode());
// 指定进入、退出、返回、重新进入时的共享transitions
getWindow().setSharedElementEnterTransition(new ChangeTransform());
getWindow().setSharedElementExitTransition(new ChangeTransform());
getWindow().setSharedElementReturnTransition(new ChangeTransform());
getWindow().setSharedElementReenterTransition(new ChangeTransform());

2. 启动Activity
//没有共享元素
ActivityOptions options=ActivityOptions.makeSceneTransitionAnimation(this);
//1个共享元素
ActivityOptions options = ActivityOptions
.makeSceneTransitionAnimation(this, sharedElementView, "sharedElementName");
//多个共享元素
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,
Pair.create(sharedElementView1, "sharedElementName1"),
Pair.create(sharedElementView2, "sharedElementName2"));
// 启动Activity
startActivity(new Intent(getApplicationContext(), XXXActivity.class), options.toBundle());

共享元素：利用 android:transitionName 属性对两个布局中的共享元素指定一个通用名称sharedElementName，以便过渡动画的执行

3. 关闭Activity
调用finishAfterTransition替代finish。返回键默认处理为finishAfterTransition

RecyclerView

介绍

RecyclerView = 灵活的的listview，可实现网格、瀑布流等效果

基本功能三要素

RecyclerView

LayoutManagers

Adapter

显示数据集

参见 https://developer.android.com/training/material/lists-cards.html#RecyclerView

1. 在布局文件中使用RecyclerView
2. 在Activity中找到RecyclerView
3. RecyclerView.setLayoutManager(LayoutManager)
4. RecyclerView.setAdapter(Adapter)
5. 定义Adapter
~~~java
public class MyAdapter extends RecyclerView.Adapter {
private final List<Pair<String, Integer>> data;
public MyAdapter(List<Pair<String, Integer>> data) {
this.data = data;
}
@Override
public int getItemCount() {
return data == null ? 0 : data.size();
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
SimpleVH svh = new SimpleVH(View.inflate(parent.getContext(), R.layout.item_simple, null));
return svh;
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
SimpleVH svh = (SimpleVH) holder;
svh.iv.setImageResource(data.get(position).second);
svh.name.setText(data.get(position).first);
svh.item.setText("position: " + position );

}
public static class SimpleVH extends RecyclerView.ViewHolder {
ImageView iv;
TextView name;
TextView item;

public SimpleVH(View itemView) {
super(itemView);
iv = (ImageView) itemView.findViewById(R.id.iv);
name = (TextView) itemView.findViewById(R.id.name);
item = (TextView) itemView.findViewById(R.id.item);
}
}
}
~~~

显示网格布局及瀑布流布局

实质上就是设置不同的LayoutManager

~~~ java
- LinearLayoutManager(Context context,
int orientation,  // 布局方向
boolean reverseLayout //是否反转
)
- GridLayoutManager(Context context,
int spanCount,  // 几列
int orientation, // 方向
boolean reverseLayout //是否反转
)
- StaggeredGridLayoutManager(
int spanCount, // 几列
int orientation // 方向
)
~~~

设置点击事件

RecyclerView.addOnItemTouchListener

使用了比较底层的API，较为复杂

通过Adapter将点击事件传递出来

使用回调的设计手法

~~~java
/**adapter*/
public static interface OnItemClickListener {
public void onItemClick(RecyclerView.ViewHolder vh);
}
public void setOnItemClickListener(OnItemClickListener oicl) {
this.oicl = oicl;
}
private void onItemClick(RecyclerView.ViewHolder vh) {
if (oicl != null) {
oicl.onItemClick(vh);
}
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
//...
svh.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// 通知同一个方法，
onItemClick(holder);
}
});
}

/**Activity*/
myAdapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
@Override
public void onItemClick(RecyclerView.ViewHolder vh) {
Toast.makeText(NewWidgetActivity.this, "position: "+ vh.getAdapterPosition(),Toast.LENGTH_SHORT).show();
}
});
~~~

下拉刷新

借助android.support.v4.widget.SwipeRefreshLayout

使用方法

用SwipeRefreshLayout作为RecyclerView的父控件

SwipeRefreshLayout.setOnRefreshListener

在OnRefreshListener完成数据的获取，然后调用SwipeRefreshLayout.setRefreshing(fasle)

个性化

//定制SwipeRefreshLayout的样式
//设置箭头的颜色
swipeRefreshLayout.setColorSchemeColors(Color.RED,Color.GREEN, Color.BLUE);
//设置圆圈的背景 v7 22以后
swipeRefreshLayout.setProgressBackgroundColorSchemeColor(Color.GRAY);

CardView

android.support.v7.widget.CardView

使用方法

在布局中使用android.support.v7.widget.CardView

添加属性 ~~~xml CardView常用属性： cardview:cardElevation
 卡片高度 cardview:cardMaxElevation  卡片的最大高度 card_view:cardBackgroundColor  卡片的背景色 cardview:cardCornerRadius
 卡片的圆角大小 cardview:contentPadding

 卡片内容于边距的间隔 cardview:contentPaddingBottom
cardview:contentPaddingTop cardview:contentPaddingLeft
cardview:contentPaddingRight
cardview:contentPaddingStart cardview:contentPaddingEnd

cardview:cardUseCompatPadding
 设置内边距，V21+的版本和之前的版本仍旧具有一样的计算方式 cardview:cardPreventConrerOverlap  在V20和之前的版本中添加内边距，这个属性为了防止内容和边角的重叠

~~~

与旧版本兼容

定义不同的布局

将使用了新的API的布局放在res/layout-v21/； 其他的放在res/layout/中

主题定义

继承Theme.AppCompat

定义颜色的时候去掉android:的命名空间（针对于新的那一些）

小窍门，所有没有见过的，都去掉，aapt会报错，根据aapt的提示添加android的命名空间

可以通过兼容包使用的效果

RecyclerView

CardView

Palette

不能在21之前版本使用的效果

Activity transitions

Touch feedback

Reveal animations

Path-based animations

Vector drawables

Drawable tinting

代码要判断运行的环境，使用合适的效果