Android技能树 — Drawable小结

我们知道平常使用最多的Drawable可能是图片了，我们知道一个图片的原本的尺寸，比如下面这个图：

大小为64X64，我们把它赋值给一个ImageView做为背景，同时这个ImageView设置的宽高都很大：

我们可以看到我们的图片实际上变的很大，所以最终的图片大小不一定是它固有宽/高。

所以对于这个图片，它的固有高/宽是它原本图片的大小，而实际上当最为我们ImageView的背景后，被拉伸至于View同等大小了。而且对于一些我们自己画的Drawable，不像图片那样，有自己原本的尺寸，比如我们自己写了个一个红色的Drawable，这时候它没有固定的尺寸，所以getIntrinsicWidth/height会返回-1。

Drawable分类

单个Drawable

BitmapDrawable:

这里特别讲一下平铺模式，比如还是上面那个箭头的图片，我们写相应BitmapDrawable代码：

<?xml version="1.0" encoding="utf-8"?>

<bitmap xmlns:android=“http://schemas.android.com/apk/res/android”
android:src=“@drawable/back”
android:tileMode=“repeat”

这里有一点要注意：记住是赋给android:background,有些人写习惯了，可能就赋给了ImageView的android:src属性， 然后就不会有效果了。

ShapeDrawable

我们主要注意这几点：

1. 当我们对描边进行设置虚线时候，android:dashWidth和android:dashGap只要有一个为0，虚线效果将不能生效。 比如：

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android=“http://schemas.android.com/apk/res/android”
android:shape=“rectangle”

我们可以看到效果是：

但是只要一个为0，就会变成

2. 标签的设置： 定义内容离边界的距离,有些人说我设置了Padding，可是没有看出效果来，比如下面：

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android=“http://schemas.android.com/apk/res/android”
android:shape=“rectangle”

然后我们会发现，what啥都没变啊。其实我们要知道是内容离边界的距离。比如我们这里换成TextView就知道了：

文字距离左边padding了130dp了。

3. 标签的作用： 我们知道图片的话，有自己的固有宽/高，但是像这种ShapeBitmap，没有固有宽/高，getIntrinsicWidth/height获取到的是-1，所以我们如果设置了标签，获取到的就是你设置的值了。

InsetDrawable:

可以把其他的Drawable内嵌到自己里面，然后在可以设置四周的距离。

比如我们有时候在状态栏处，点击返回按钮，但是美工切图的返回键有点小，直接设置进去，有时候用户按返回键会按不到，一种是把ImageView的宽高设置的大一点，另外一种可以使用这个InsetDrawable。

<inset xmlns:android=“http://schemas.android.com/apk/res/android”
android:drawable=“@drawable/back”
android:insetLeft=“20dp”
android:insetTop=“20dp”
android:insetRight=“20dp”
android:insetBottom=“20dp”

我们可以查看设置了InsetDrawable和直接设置返回按钮图片的样子：

ScaleDrawable:

可以缩放的Drawable，效果如下：

具体的使用可以参考这篇文章：Android Drawable - Scale Drawable使用详解

ClipDrawable:

可裁剪的Drawable，效果如下：

具体的使用可以参考这篇文章：ClipDrawable让开发变得更简单

Drawable集合

Drawable集合的意思是这些Drawable可以放多个Drawable，比如可以放多个图片资源在里面。

LayerDrawable

它是一种层次化的Drawable集合，通过不同的Drawable放置在不同的层上面达到了叠加后的效果。并且下面的item覆盖上面的item。

比如这个图片上的搜索框：

我们可以使用LayerDrawable来实现，只需要把中间的放大镜和文字变成一个图片，比如

然后背景为：

<?xml version="1.0" encoding="utf-8"?>

总结：

各行各样都会淘汰一些能力差的，不仅仅是IT这个行业，所以，不要被程序猿是吃青春饭等等这类话题所吓倒，也不要觉得，找到一份工作，就享受安逸的生活，你在安逸的同时，别人正在奋力的向前跑，这样与别人的差距也就会越来越遥远，加油，希望，我们每一个人，成为更好的自己。

• BAT大厂面试题、独家面试工具包,

• 资料包括 数据结构、Kotlin、计算机网络、Framework源码、数据结构与算法、小程序、NDK、Flutter，

  
  
  《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

• 资料包括 数据结构、Kotlin、计算机网络、Framework源码、数据结构与算法、小程序、NDK、Flutter，

  [外链图片转存中…(img-lyq1Qp1g-1714741286937)]
  [外链图片转存中…(img-jHCl5lYt-1714741286937)]
  《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！