Android资源七：截取图片ClipDrawable

截取图片ClipDrawable

相关属性：

1. 代码中使用ClipDrawable对象时可调用setLevel(int level)方法来设置裁剪区域的大小，范围是0~10000，其中10000表示截取整张图片

2. android:drawable：表示该ClipDrawable引用的drawable资源（这个属性必须有）。

3. android:clipOrientation；表示裁剪的方向。horizontal：水平方向，vertical：垂直方向。

4. android:gravity；指定从哪个地方裁剪。必须是下面一个或多个值（多个值之间用“|”分隔）

   • top 将这个对象放在容器的顶部，不改变其大小，当clipOrientation 是”vertical”，从底部(bottom)开始裁剪。
   • bottom 将这个对象放在容器的底部，不改变其大小。当clipOrientation 是 “vertical”，从顶部(top)开始裁剪。
   • left 将这个对象放在容器的左部，不改变其大小。当clipOrientation 是 “horizontal”，从右边（right）开始裁剪。
   • right 将这个对象放在容器的右部，不改变其大小。当clipOrientation 是 “horizontal”，从左边（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，则裁剪右边，否则则左右两边都要裁剪。
     注意：android:gravity需要和android:clipOrientation配合使用，不同的组合，裁剪的效果也不同。

使用实例：

• 效果：图片自动缓慢的展开

布局文件

1. activity_main.xml中添加Imageview控件，背景引入clip文件

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout 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"
       tools:context=".MainActivity">
       <ImageView
           android:id="@+id/iv_show"
           android:layout_width="match_parent"
           android:layout_height="500dp"
           android:background="@drawable/test_drawable"
           />
    </RelativeLayout>
   

2. 在res/drawable中创建test_drawable.xml文件

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

3. 在Java代码中实现缓慢打开图片

    public class MainActivity extends AppCompatActivity {
       int count = 0;
       Handler handler = new Handler() {
           @Override
           public void handleMessage(Message msg) {
               if (msg.what == 0) {
                   ClipDrawable drawable = (ClipDrawable) mImageShow.getBackground();
                   drawable.setLevel((int) (count += 200));
                   Log.i("MainActivityMain",count+"");
                   if (count > 10000){
                       return;
                   }
                   showMag();
               }
               super.handleMessage(msg);
           }
       };
       private ImageView mImageShow;
    
       @Override
       protected void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_main);
           mImageShow = findViewById(R.id.iv_show);
           showMag();
       }
    
       private void showMag() {
           new Thread(new Runnable() {
               @Override
               public void run() {
                   try {
                       Thread.sleep(100);
                       handler.sendEmptyMessage(0);
                   } catch (InterruptedException e) {
                       e.printStackTrace();
                   }
               }
           }).start();
       }
    }