自学安卓编程权威指南（十九）

这一章主要是来讲解XML drawable

在安卓中，凡是在屏幕上绘制的东西都可以叫做drawable,这边我们会来了解

state list drawable

shape drawable

layer list drawable

这三个文件都定义在XML文件中，就可以称为XML drawable

(1)在定义XML文件之前，我们需要先修改list_item_sound.xml文件来隔开按钮

<FrameLayout

   android:layout_width = "match_parent"

  android:layout_height="wrap_content"

  android:layout_margin="8dp">

<Button

android:layout_width = "100dp"

android:layout_height="100dp"

android:layout_gravity="center"

/>

</FrameLayout>

现在按钮的宽高都是100dp，这样后面变成圆形后就不会歪斜了，对于按钮来说它不应该拉伸，所以就应该把它封装到frame布局中，这样，frame会被拉伸，而按钮却不会，这样运行就会发现按钮的尺寸都完全统一了，而且彼此之间都留出了空间

（2）shape drawable,使用这个可以把按钮变成圆

XML drawable和屏幕像素密度无关，所以无需考虑到创建定特定的像素密度目录，只要把它放到默认的drawable文件夹里面就可以了

打开项目工具宽口，在res/drawable目录下创建一个名为button_beat_box_normal.xnl的文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"

 android:shape = "oval">//这边就是指定了是一个什么类型的形状

<solid android:corlor = "@color/dark_blue"/>

</shape>

按照上面的代码就创建了一个背景为深蓝色的圆形了

然后我们在背景中去引用这个drawable就可以形成圆形的按钮了

<item name = "android:background">@drawable/button_beat_box_normal</item>

(3)state list drawable

使用这个后我们就可以改变按钮的变化，如在按钮按下去之前，它是蓝色的，按下后它就变成了红色的

为了完成上面的功能，那么我们就首先需要先像上的代码一样，再创建一个button_beat_box_pressed.xml文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"

 android:shape = "oval">//这边就是指定了是一个什么类型的形状

<solid android:corlor = "@color/red"/>

</shape>

其他的没有变，只是颜色变成红色

然后我们就根据按钮的状态设置不同的drawable

接下来我们需要去创建一个state list drawable

1.在drawable目录下，创建 button_beat_box.xml文件

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/button_beat_box_pressed"

          androdi:state_pressed="true"/>

<item android:drawable = "@drawable/button_beat_box_normal"/>

</selector>

2.使用state list drawable

现在我们就需要修改按钮的样式，改用button_beat_box作为背景

<item name = "android:background">@drawable/button_beat_box</item>

这样子，当按钮没有按下的时候就会使用button_beat_box_normal作为背景，按下来后就会使用button_beat_box_pressed作为背景

（4）layer list drawable

对于这个来说，它可以将两个XML drawable合二为一，借助这个工具我们可以将按下的按钮添加一个深色的圆环

现在将之前的button_beat_box_pressed.xml修改为下面的代码

<layer - list xmlns:android = "http://schemas.android.com/apk/res/android">

<item>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

 android:shape = "oval">//这边就是指定了是一个什么类型的形状

<solid android:corlor = "@color/red"/>

</shape>

</item>

<item>

<shape 

 android:shape = "oval">//这边就是指定了是一个什么类型的形状

<stroke 

  android:width = "4dp"

  android:color="@color/dark_res"/>

</shape>

</item>

</layer-list>

 

在layer list drawable 中指定了两个drawable，这样就可以形成我们想要的结果

（5）把启动器图的图标放在mipmap中，其他图片放在drawable目录中，这样就可以根据屏幕像素密度来启动不同的图标mipmap里面有几种不同的图片尺寸

 

（6）使用9.patch图像(对于这种秃瓢，它可以让Android系统知道哪一些图像的部分可以拉伸哪一些不用拉伸，这种图像分为3*3的网格，就是由9部分来完成，网格角落的部分不会被缩放，边缘的4个只按一个维度来缩放，中间部分按照2个维度来缩放)，

有时候我们需要用到图片来当作按钮的背景图，但是如果按钮的宽度大于背景图的宽度，那么图片就会被拉伸，朝一个方向拉伸背景图可能会导致图片失去原样，那么就应该通过一个方法来控制图片的拉伸方式，也就是使用9.peng图片

1.要使用这个图片，那么就首先需要将button的宽度和高度设置为match_parent

android:layout_width="match_parent"

2.我们首先需要将这两章图片转换成9-patch图片我们双击默认的带有png后缀的图片，然后我们就会进入Android的默认编辑器，然后就可以对图片进行编辑