view中顯示部分區域

   在android中有時候要求只顯示view的部分區域，這個時候就需要對當前的view進行剪裁的操作。在android中剪裁當前的view的有兩種方法：一種是直接截取view，第二種是通過Outline設置。涉及到的類方法如下：

1. View.getGlobalVisibleRect(Rect rect)
2. View.setClipBounds(Rect rect)
3. View.setOutlineProvider()
4. View.setClipToOutline(boolean clipToOutline)

  getGlobalVisibleRect(Rect rect):獲取當前view的可視區域，坐標系使用的Root View的也就是DecorView的坐標系，這點需要注意，不是View自身的坐標系。

  setClipBounds(Rect rect),直接指定當前view的可視區域，當前的Rect使用的view的自身的坐標系。

  setOutlineProvider()，設置當前View的Outline。

  setClipToOutlines()，截取當前的可視區域到Outline，如果設置setClipBounds()方法，這個方法就失效了。

 

下面通過一個簡單的例子來說明一下這幾個方法的使用：

MainActivity.java

package com.app.motiongear.clipboundsmotion;

import android.graphics.Rect;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    Button mRectBtn, mBoundBtn;
    ImageView mImageView;
    Rect originRect = new Rect();

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

        mRectBtn = (Button) this.findViewById(R.id.btn1);
        mBoundBtn = (Button) this.findViewById(R.id.btn2);
        mImageView = (ImageView) this.findViewById(R.id.imageview);
        mRectBtn.setOnClickListener(this);
        mBoundBtn.setOnClickListener(this);
        mImageView.setOutlineProvider(new CustomOutlineProvider());
    }


    @Override
    public void onClick(View v) {
        if (v == mRectBtn) {
            //getGlobalVisibleRect()相對與父布局的rect
            mImageView.getGlobalVisibleRect(originRect);
            int centerX = (originRect.right - originRect.left) / 2;
            int centerY = (originRect.bottom - originRect.top) / 2;
            //設置View的顯示區域，坐標是自身
            Rect tmp = new Rect(centerX - 150, centerY - 150, centerX + 150, centerY + 150);
            mImageView.setClipBounds(tmp);
        }
        if (v == mBoundBtn) {
            //通過Outline設置
            if(!mImageView.getClipToOutline()){
                mImageView.setClipToOutline(true);
            }else{
                mImageView.setClipToOutline(false);
            }

        }
    }
}

 

CustomOutlineProvider.java

package com.app.motiongear.clipboundsmotion;

import android.graphics.Outline;
import android.graphics.Rect;
import android.view.View;
import android.view.ViewOutlineProvider;

/**
 * Created by ubuntu on 15-11-13.
 */
public class CustomOutlineProvider extends ViewOutlineProvider {

    @Override
    public void getOutline(View view, Outline outline) {
        Rect rect = new Rect();
        view.getGlobalVisibleRect(rect);
        int leftMargin =100;
        int topMargin = 100;
        Rect selfRect = new Rect(leftMargin, topMargin,
                rect.right - rect.left - leftMargin, rect.bottom - rect.top - topMargin);
        outline.setRoundRect(selfRect, 30);
    }
}

 

調用clipToBounds()方法：

 

調用clipToOutline()方法：