ScaleDrawable

以你之姓@ 2023-06-19 05:29 7阅读 0赞

1，介绍：

【1】ScaleDrawable对应<scale>标签，主要基于当前的level，对指定的Drawable进行缩放操作。

【2】有点需要特别注意的是我们如果定义好了ScaleDrawable，要将其显示出来的话，必须给ScaleDrawable设置一个大于0小于10000的等级（级别越大Drawable显示得越大，等级为10000时就没有缩放效果了）

2，理解：

【1】 draw函数的源码

*    很明显d.getLevel() != 0才会去把当前drawable画在画布上然后显示在屏幕上，

@Override
    
      public void draw(Canvas canvas) {
    
          final Drawable d = getDrawable();
    
          if (d != null && d.getLevel() != 0) {
    
              d.draw(canvas);
    
          }
    
      }

3， 语法

【1】android:gravity

*  当图片小于容器尺寸时，设置此选项可以对图片经典定位，这个属性比较多，不同选项可以使用‘|’来组合使用。

<table> 
 <tbody> 
 <tr> 
 <td> 可选项&nbsp; </td> 
 <td> &nbsp;含义 </td> 
 </tr> 
 <tr> 
 <td> top </td> 
 <td> 将图片放在容器顶部，不改变图片大小 </td> 
 </tr> 
 <tr> 
 <td> bottom </td> 
 <td> 将图片放在容器底部，不改变图片大小 </td> 
 </tr> 
 <tr> 
 <td> left </td> 
 <td> 将图片放在容器左侧，不改变图片大小 </td> 
 </tr> 
 <tr> 
 <td> right </td> 
 <td> 将图片放在容器右侧，不改变图片大小 </td> 
 </tr> 
 <tr> 
 <td> center_vertical </td> 
 <td> 图片竖直居中，不改变图片大小 </td> 
 </tr> 
 <tr> 
 <td> fill_vertical </td> 
 <td> 图片竖直方向填充容器 </td> 
 </tr> 
 <tr> 
 <td> center_horizontal </td> 
 <td> 图片水平居中，不改变图片大小 </td> 
 </tr> 
 <tr> 
 <td> fill_horizontal </td> 
 <td> 图片水平方向填充容器 </td> 
 </tr> 
 <tr> 
 <td> center </td> 
 <td> 使图片在水平方向和竖直方向同时居中，不改变图片大小 </td> 
 </tr> 
 <tr> 
 <td> fill </td> 
 <td> 图片填充容器，默认值 </td> 
 </tr> 
 <tr> 
 <td> clip_vertical&nbsp; </td> 
 <td> 竖直方向剪切，很少使用 </td> 
 </tr> 
 <tr> 
 <td> clip_horizontal </td> 
 <td> 水平方向剪切，很少使用 </td> 
 </tr> 
 <tr> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

【2】android:scaleHeight

*  表示Drawable的高的缩放比例，值越大，内部Drawable的高度显示得越小，例如android:scaleHeight=”70%”,那么显示时Drawable的高度只有原来的30%。

【3】android:scaleWidth

*  表示Drawable的宽的缩放比例，值越大，内部Drawable的宽显示得越小，例如android:scaleWidth=”70%”,那么显示时Drawable的宽度只有原来的30%。

3，案例

【1】实现效果

*  我们再来对比一下宽高同等缩放比例（50%）下，level对Drawable的影响效果，分别设置level等级为1，5000，10000.

【2】实现代码：

*  资源文件

<?xml version="1.0" encoding="utf-8"?>
 
 <scale xmlns:android="http://schemas.android.com/apk/res/android"
 
     android:drawable="@drawable/image1"
 
     android:scaleHeight="70%"
 
     android:scaleWidth="70%"
 
     android:scaleGravity="center"
 
     >
 
 </scale>

*  资源文件

<?xml version="1.0" encoding="utf-8"?>
 
 <scale xmlns:android="http://schemas.android.com/apk/res/android"
 
     android:drawable="@drawable/image1"
 
     android:scaleHeight="30%"
 
     android:scaleWidth="30%"
 
     android:scaleGravity="center"
 
     >
 
 </scale>

*  必须在java调用设置level(默认为0)的代码才可以正常显示：

ImageView scaleImage= (ImageView) findViewById(R.id.scaleImage);
    
    ScaleDrawable scale= (ScaleDrawable) scaleImage.getBackground();
    
    scale.setLevel(1);

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

[https_blog.csdn.net_cricket_7_category_9564229.html]: https://blog.csdn.net/cricket_7/category_9564229.html