Android 5.0学习之Tinting和Clipping

前言

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

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

Drawable Tinting(着色)

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

Android 5.0学习之Tinting和Clipping_第1张图片

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

Android 5.0学习之Tinting和Clipping_第2张图片

multiply

Android 5.0学习之Tinting和Clipping_第3张图片

add

Android 5.0学习之Tinting和Clipping_第4张图片

src_atop/src_in/src_over

Android 5.0学习之Tinting和Clipping_第5张图片

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(00, 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(00, view.getWidth(), view.getHeight(), view.getHeight() / 2);  
  15.             }  
  16.         };  
  17.         v1.setOutlineProvider(viewOutlineProvider);  
  18.         v2.setOutlineProvider(viewOutlineProvider1);  

效果如下:

Android 5.0学习之Tinting和Clipping_第6张图片

你可能感兴趣的:(Android 5.0学习之Tinting和Clipping)