用ClipDrawable实现音频录制是的麦克风分贝效果

由于最近项目开发需要用到自定义SeekBar，于是又对android下的各种类型drawable进行了一个全面系统的认识，只能感慨drawable的功能还是很强大的。通过自定义SeekBar有感而发，尝试用layer-list实现音频录制过程的一个麦克风录制效果，具体效果图如下：

在实现开发之前先让我们一起认识两种类型的Drawable：

LayerDrawable

LayerDrawable可以包含一个drawable数组，而且系统会根据drawable数组的前后顺序来绘制所有的drawable，索引最大的drawable也就相应的会被绘制在最上面。使用过PhotoShop的朋友应该会比较容易理解，LayerDrawable和PhotoShop中图层的概念很相似，这里drawable数组中的每一个drawable就相当于PhotoShop中的一个图层，上一个图层会遮住之后所有图层与之重叠的部分。

定义LayerDrawable对象的XML文件的根元素为

ClipDrawable

ClipDrawable，顾名思义这就是一个可以进行裁切的drawable，在XML文件中定义ClipDrawable对象使用的根元素是< clip … />元素，该元素包含以下几个重要的属性：

• android:drawable：指定将要被截取的Drawable对象。
• android:clipOrientation：指定Drawable对象的截取方向可以是水平和竖直方向。
• android:gravity：表示Drawable对象的对齐方式，例如：left 可以理解为左边部分为保留部分，右边部分为剪切部分，则我们可以看到的就是截取的左边部分。

注意，使用ClipDrawable对象时可以调用setLevel(int level)方法来控制截取区域的大小，而level的取值区间在0~10000之间，则level为0时，表示图片截取部分为空，当了level为10000时，截取整张图片。

了解完毕，下面我们就要用这两种Drawable结合使用开发我们今天的麦克风说话效果：

首先，准备两张位图

然后，在XML中新建一个拥有两个Drawable的LayerDrawable文件layer-microphone.xml，在顶层显示的是可以裁切的ClipDrawable，设置剪切方向为竖直方向，设置对其方式为bottom，底部的则是不通的Drawable