Drawable子类之——ClipDrawable （裁剪图像）

本文出自 “阿敏其人” 简书博客，转载或引用请注明出处。

ClipDrawable对应的标签是<clip>，它可以根据自己的当前的level来裁剪一个Drawable。
主要是利用 clipOrientation（垂直/水平）和 gravity（多种可选的方向），两者结合使用。

一、语法

<?xml version="1.0" encoding="utf-8"?>
<clip
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/drawable_resource"
    android:clipOrientation=["horizontal" | "vertical"]
    android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
                     "fill_vertical" | "center_horizontal" | "fill_horizontal" |
                     "center" | "fill" | "clip_vertical" | "clip_horizontal"] />

主要关注两个节点，一个android:clipOrientation只有垂直和水平可选
android:gravity可选的就多啦

选项	作用
top	将内部的Drawable放在容器的顶部，不改变它的大小，如果为竖直裁剪，那么从底部开始裁剪
bottom	将内部的Drawable放在容器的底部，不改变它的大小，如果为竖直裁剪，那么从顶部开始裁剪
left	将内部的Drawable放在容器的左部，不改变它的大小，如果为水平裁剪，那么从右边开始裁剪，这就是默认值
right	将内部的Drawable放在容器的右部，不改变它的大小，如果为水平裁剪，那么从左边开始裁剪
center_vertica l 内部的Drawable在垂直方向上填充容器，如果是垂直裁剪，那么仅当ClipDrawable等级为0的时候，才能有裁剪行为
center_horizontal	使内部的Drawable在容器中水平居中，不改变它的大小，如果为水平裁剪，那么仅当ClipDrawable的等级为0时，才能有裁剪行为
center	是内部的Drawable在容器中水平和竖直方向都居中，不改变大小，如果为处置裁剪，那么从上下同时开始裁剪；如果为水平裁剪，那么左右同时开始裁剪
fill	使内部的Drawable在水平和垂直方向上同时填充容器，仅当ClipDrawable的等级为0时，才能有裁剪行为
clip_vertocal	附加选项，表示垂直方向的裁剪，较少使用
clip_horizoltal	附加选项，表示水平方向的裁剪，较少使用

二、demo

clipdrawable_simple.xml

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@mipmap/star"
    android:clipOrientation="horizontal"
    android:gravity="bottom">
</clip>

.
.
布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@mipmap/star"
        android:layout_marginBottom="20dp"/>


    <ImageView
        android:id="@+id/mIvClip"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@drawable/clipdrawable_simple"
        />
</LinearLayout>

.
.
代码


import android.app.Activity;
import android.graphics.drawable.ClipDrawable;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = (ImageView) findViewById(R.id.mIvClip);
        //ClipDrawable clipDrawable = (ClipDrawable) imageView.getDrawable(); 这样写会报空指针异常
        ClipDrawable clipDrawable = (ClipDrawable) imageView.getBackground();
        clipDrawable.setLevel(5000);

    }
}

.
.
效果展示

效果展示.png

了解更多的Drawable分类 Drawable图像资源抽象类
本篇完

Drawable子类之——ClipDrawable （裁剪图像）

一、语法

二、demo

推荐阅读更多精彩内容