clipDrawable詳解

ClipDrawable 是對一個Drawable進行剪切操作，可以控制這個drawable的剪切區域，以及相相對於容器的對齊方式，Android中的進度條就是使用一個ClipDrawable實現效果的，它根據level的屬性值，決定剪切區域的大小

ClipDrawable是根據level的大小控制圖片剪切操作的 level的大小從0到10000，level爲0時完全不顯示，爲10000時完全顯示。是用Drawable提供的setLevel（int level）方法來設置剪切區域。

語法

<clip>

定義這是個ClipDrawable，必須作爲根元素。

屬性：

xmlns:android

String類型。必須的，定義XML文件的命名空間，必須是"http://schemas.android.com/apk/res/android".

android:drawable

Drawable資源。 必須的。表示該ClipDrawable引用的drawable資源。

android:clipOrientation

關鍵字。 裁剪的方向。

必須是下面兩種的數值之一：

值	描述
horizontal	水平方向裁剪
vertical	垂直方向裁剪

android:gravity

關鍵字。指定從哪個地方裁剪。

必須是下面一個或多個值（多個值之間用“|”分隔）：

值	描述
top	將這個對象放在容器的頂部，不改變其大小。當clipOrientation 是"vertical"，裁剪髮生在drawable的底部（bottom）
bottom	將這個對象放在容器的底部，不改變其大小。當clipOrientation 是 "vertical"，裁剪髮生在drawable的頂部（top）
left	將這個對象放在容器的左部，不改變其大小。當clipOrientation 是"horizontal"，裁剪髮生在drawable的右邊（right）。默認的是這種情況。
right	將這個對象放在容器的右部，不改變其大小。當clipOrientation 是"horizontal"，裁剪髮生在drawable的左邊（left）。
center_vertical	將對象放在垂直中間，不改變其大小。裁剪的情況和”center“一樣。
fill_vertical	垂直方向上不發生裁剪。（除非drawable的level是 0，纔會不可見，表示全部裁剪完）
center_horizontal	將對象放在水平中間，不改變其大小。裁剪的情況和”center“一樣。
fill_horizontal	水平方向上不發生裁剪。（除非drawable的level是 0，纔會不可見，表示全部裁剪完）
center	將這個對象放在水平垂直座標的中間，不改變其大小。當clipOrientation 是"horizontal"裁剪髮生在左右。當clipOrientation是"vertical",裁剪髮生在上下。
fill	填充整個容器，不會發生裁剪。(除非drawable的level是 0，纔會不可見，表示全部裁剪完)。
clip_vertical	額外的選項，它能夠把它的容器的上下邊界，設置爲子對象的上下邊緣的裁剪邊界。裁剪要基於對象垂直重力設置：如果重力設置爲top，則裁剪下邊，如果設置爲bottom，則裁剪上邊，否則則上下兩邊都要裁剪。
clip_horizontal	額外的選項，它能夠把它的容器的左右邊界，設置爲子對象的左右邊緣的裁剪邊界。裁剪要基於對象垂直重力設置：如果重力設置爲right，則裁剪左邊，如果設置爲left，則裁剪右邊，否則則左右兩邊都要裁剪。

代碼講解

在drawable下自定義一個clipdrawable.xml

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

在imageview控件中使用上面自定義的clipdrawa

<ImageView
    android:id="@+id/clipimageview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/clipdrawable"/>

在activity中使用

package com.example.clipdrawable;

import android.graphics.drawable.ClipDrawable;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

import java.util.Timer;
import java.util.TimerTask;

public class MainActivity extends AppCompatActivity {

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


        ImageView imageView = (ImageView) findViewById(R.id.clipimageview);
       final ClipDrawable clipDrawable = (ClipDrawable) imageView.getDrawable();
        final Handler handler = new Handler(){
            @Override
            public void handleMessage(Message msg) {
                if(msg.what == 0x123456){
                    clipDrawable.setLevel(clipDrawable.getLevel()+200);
                }
            }
        };
        //定時器，第一次啓動的時間是0，每隔300ms執行一次，當clipDrawable.getLevel()大於10000的時候，取消定時器
        final Timer timer = new Timer();
        timer.schedule(new TimerTask() {
            @Override
            public void run() {
                Message msg = new Message();
                msg.what = 0x123456;
                handler.sendMessage(msg);
                if(clipDrawable.getLevel()>10000){
                    timer.cancel();
                }
            }
        },0,300);
    }
}

顯示的效果是：圖片從右往左的加載整張圖片