ClipDrawable类

红太狼 2023-06-19 09:58 21阅读 0赞

1，ClipDrawable介绍：

【1】ClipDrawable是通过设置一个Drawable的当前显示比例来裁剪出另一张Drawable，

【2】我们可以通过调节这个比例来控制裁剪的宽高，以及裁剪内容占整个View的权重，通过ClipDrawable的setLevel()方法控制显示比例，

【3】ClipDrawable的level值范围在\[0,10000\]，level的值越大裁剪的内容越少，当level为10000时则完全显示，而0表示完全裁剪，不可见。

【4】需要注意的是在给clip元素中android:drawable属性设置背景图片时，图片不能是9图，因为这涉及到裁剪这张图片，如果设置为九图，裁剪的实际情况会与想要的效果不一样。 ClipDrawable对应xml的<clip>标签，

2， 语法如下

【1】android:clipOrientation和android:gravity属性共同控制Drawable被裁剪的方向，

*  其中clipOrientation表示裁剪的方向（水平和垂直两种），
 *  gravity比较复杂必须和clipOrientation一起才能起作用，同样的我们可以通过“|”来组合使用gravity的属性值。

【2】 gravity属性

<table> 
 <tbody> 
 <tr> 
 <td> 属性值 </td> 
 <td> &nbsp; &nbsp; 描述 </td> 
 </tr> 
 <tr> 
 <td> top&nbsp; </td> 
 <td> &nbsp;将这个对象放在容器的顶部，不改变其大小。当clipOrientation 是”vertical”，裁剪从底部开始 </td> 
 </tr> 
 <tr> 
 <td> bottom&nbsp; </td> 
 <td> 将这个对象放在容器的底部，不改变其大小。当clipOrientation 是 “vertical”，裁剪从顶部（top）开始 </td> 
 </tr> 
 <tr> 
 <td> left </td> 
 <td> 将这个对象放在容器的左部，不改变其大小。当clipOrientation 是 “horizontal”，裁剪从drawable的右边（right）开始，默认值 </td> 
 </tr> 
 <tr> 
 <td> right </td> 
 <td> 将这个对象放在容器的右部，不改变其大小。当clipOrientation 是 “horizontal”，裁剪从drawable的左边（left）开始 </td> 
 </tr> 
 <tr> 
 <td> center_vertical&nbsp; </td> 
 <td> 将对象放在垂直中间，不改变其大小，如果clipOrientation 是 “vertical”，那么从上下同时开始裁剪 </td> 
 </tr> 
 <tr> 
 <td> fill_vertical </td> 
 <td> 垂直方向上不发生裁剪。（除非drawable的level是 0，才会不可见，表示全部裁剪完） </td> 
 </tr> 
 <tr> 
 <td> center_horizontal </td> 
 <td> 将对象放在水平中间，不改变其大小，clipOrientation 是 “horizontal”，那么从左右两边开始裁剪 </td> 
 </tr> 
 <tr> 
 <td> fill_horizontal </td> 
 <td> 水平方向上不发生裁剪。（除非drawable的level是 0，才会不可见，表示全部裁剪完） </td> 
 </tr> 
 <tr> 
 <td> center </td> 
 <td> 将这个对象放在水平垂直坐标的中间，不改变其大小。当clipOrientation 是 “horizontal”裁剪发生在左右。当clipOrientation是”vertical”,裁剪发生在上下。 </td> 
 </tr> 
 <tr> 
 <td> fill&nbsp; </td> 
 <td> 填充整个容器，不会发生裁剪。(除非drawable的level是 0，才会不可见，表示全部裁剪完)。 </td> 
 </tr> 
 <tr> 
 <td> clip_vertical </td> 
 <td> 附加选项，表示竖直方向的裁剪，很少使用 </td> 
 </tr> 
 <tr> 
 <td> clip_horizontal </td> 
 <td> 附加选项，表示水平方向的裁剪，很少使用 </td> 
 </tr> 
 </tbody> 
</table>

3，Demo

【1】实现效果：

*  因为这里我们在xml引用时设置的是背景图所以使用clipImage.getBackground()，如果在xml引用时使用的是src，那么就使用clipImage.getDrawable()即可。前面我们已经提到过，ClipDrawable的等级范围是\[0,10000\]，而且level越大裁剪区域越少，当level=10000时，表示不裁剪，我们在这里设置了level为6000则表示裁剪40%的区域

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWNrZXRfNw_size_16_color_FFFFFF_t_70][]

【2】实现代码：

*  左侧裁剪的效果： 应将clipOrientation设置为水平方向裁剪，gravity要设置为right

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

*  ImageView

<ImageView                                             
 
     android:id="@+id/clipImage"                        
 
     android:layout_width="wrap_content"                
 
     android:layout_height="wrap_content"               
 
     android:layout_centerInParent="true"               
 
     android:background="@drawable/clip_drawable"       
 
     />

*  代码中设置ClipDrawable的等级

ImageView clipImage= (ImageView) findViewById(R.id.clipImage);
    
    ClipDrawable clip= (ClipDrawable) clipImage.getBackground();
    
    clip.setLevel(6000);

更多关于Drawable 资料：[https://blog.csdn.net/cricket\_7/category\_9564229.html][https_blog.csdn.net_cricket_7_category_9564229.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWNrZXRfNw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191205211333484.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWNrZXRfNw==,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_cricket_7_category_9564229.html]: https://blog.csdn.net/cricket_7/category_9564229.html