Android 5.0学习之Tinting和Clipping

前言

Android 5.0的知识点讲完，下一篇要给大家带来一个综合例子的Demo，以及谈谈我对Android 5.0的看法。

有人肯定会想为什么不是每一篇博文带一个demo,我觉得无论学习什么东西都需要自己去实践，所以我没有提供Demo，想先让大家自己去按照我写的博文步骤去实现这个，在实现的过程中会遇到困难，然后自己去查找解决方案，最后自己做出来，这样学习到的东西才能让我们印象深刻。

Drawable Tinting（着色）

设置 ImageView 的 android:tint 属性，可以达到以下效果：

layout：

[html] view plain copy print ?

1. <ImageView  
2.         android:layout_width="100dp"  
3.         android:layout_height="100dp"  
4.         android:elevation="1dip"  
5.         android:layout_gravity="center"  
6.         android:src="@drawable/ic_launcher"  
7.         />  
8. <ImageView  
9.         android:layout_width="100dp"  
10.         android:layout_height="100dp"  
11.         android:elevation="1dip"  
12.         android:layout_gravity="center"  
13.         android:src="@drawable/ic_launcher"  
14.         android:tint="@android:color/holo_red_dark"  
15.         />  

不仅可以设置tint还可以设置tintMode,分别设置不同的mode效果如下：

srceen

multiply

add

src_atop/src_in/src_over

Clipping Views（裁剪视图）

首先我们layout,设置两个正方形的TextView

[html] view plain copy print ?

1. <TextView  
2.         android:id="@+id/tv_1"  
3.         android:layout_width="100dp"  
4.         android:layout_height="100dp"  
5.         android:elevation="1dip"  
6.         android:layout_gravity="center"                
7.         />  
8. <TextView  
9.         android:id="@+id/tv_2"  
10.         android:layout_width="100dp"  
11.         android:layout_height="100dp"  
12.         android:elevation="1dip"  
13.         android:layout_gravity="center"               
14.         />  

然后我们将它们两分别裁剪成圆角正方形和圆形：

[java] view plain copy print ?

1. <span style="white-space:pre">    </span>v1 = findViewById(R.id.tv_1);  
2.         v2 = findViewById(R.id.tv_2);  
3.         ViewOutlineProvider viewOutlineProvider = new ViewOutlineProvider() {  
4.             @Override  
5.             public void getOutline(View view, Outline outline) {  
6.   
7.                 outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), 10);  
8.             }  
9.         };  
10.         ViewOutlineProvider viewOutlineProvider1 = new ViewOutlineProvider() {  
11.             @Override  
12.             public void getOutline(View view, Outline outline) {  
13.   
14.                 outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), view.getHeight() / 2);  
15.             }  
16.         };  
17.         v1.setOutlineProvider(viewOutlineProvider);  
18.         v2.setOutlineProvider(viewOutlineProvider1);  

效果如下：