Android5.X (二) ： Material Design：对图像的操作！

Android 5.x 能对图像进行更多的操作啦！你还在想怎么对图像进行着色吗？你在想绘制一个圆形的TextView吗？不用这么麻烦啦！

一:Tinting 对图像进行着色：

这个最简单了，只要在ImageView的属性里对tint进行设置就好了：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"
        android:tint="#FFFF00"/>

    <ImageView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@mipmap/ic_launcher"
        android:tint="#FFFF00"
        android:tintMode="add"
        />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"
        android:tint="#FFFF00"
        android:tintMode="multiply"/>
</LinearLayout>

二:Clipping ：这个一开始我以为可以替代CircleImageView，可是实验了一下，发现不可以达到真正的裁剪效果。

首先说一个属性：阴影属性，根据dp的大小，实现不同的阴影效果：

   android:elevation="1dp"

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >
    <TextView
        android:id="@+id/iv_beauty_1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:elevation="1dp"
        android:gravity="center"
        android:text="嘿嘿"
        />
    <TextView
        android:id="@+id/iv_beauty_2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:elevation="10dp"
        android:gravity="center"
        android:text="嘿嘿"
        />
</LinearLayout>

在Acitivity中：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    TextView iv_beauty_1 = (TextView) findViewById(R.id.iv_beauty_1);
    TextView iv_beauty_2 = (TextView) findViewById(R.id.iv_beauty_2);

    //获取OutLine给图像设置30的圆角
    ViewOutlineProvider outlineProvider_radios = new ViewOutlineProvider() {
        @Override
        public void getOutline(View view, Outline outline) {
            //
            outline.setRoundRect(0,0,view.getWidth(),view.getHeight(),30);
        }
    };

    //获取OutLine给图像设置30的圆角
    ViewOutlineProvider outlineProvider_corner = new ViewOutlineProvider() {
        @Override
        public void getOutline(View view, Outline outline) {
            //
            outline.setOval(0,0,view.getWidth(),view.getHeight());
        }
    };

    iv_beauty_1.setOutlineProvider(outlineProvider_radios);
    iv_beauty_2.setOutlineProvider(outlineProvider_corner);
}

然后就可以实现炫酷又好看的效果啦