還是和上一篇一樣，先上效果圖

這次要比上次難了點，

首先我們把自定義檔案貼上

/**
 * 作者：chengxiangtong on 2016/11/10 14:44
 * 郵箱：[email protected]
 * 仿音訊條
 */
public class AudioView extends View {

    privateRandom mttt = new Random();

private int width;    

private int height;    

private int mRectWidth = 10;    
 

private int mRectHeight = 60;   

private int offset = 3;//每次畫之前的左邊距離   

public AudioView(Context context, AttributeSet attrs, int defStyleAttr) {        

super(context, attrs, defStyleAttr);        init();    }    public AudioView(Context context) {        this(context, null);    }    public AudioView
 
(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    private void init() {        mPaint = new Paint();    }    @Overrideprotected void onDraw(Canvas canvas) {        super.onDraw(canvas);//獲取paddingint left = getPaddingLeft();        int top = getPaddingTop();        int right 
 
= getPaddingRight();        int bottom = getPaddingBottom();        width = getMeasuredWidth() - left - right;        height = getMeasuredHeight() - top - bottom;        int mRectCount = 0;        for (int count = 5; count < width; count += mRectWidth) {            mRectCount++;        }        for (int i = 0; i < mRectCount; i++) {            double mRandom = Math.random();

    //隨機數產生各種畫筆的顏色，當然你也可以在初始化的時候固定一種顏色

onMeasure傳入的兩個引數是由上一層控制元件傳入的大小，有多種情況，重寫該方法時需要對計算控制元件的實際大小，然後呼叫setMeasuredDimension(int, int)設定實際大小。

onMeasure傳入的widthMeasureSpec和heightMeasureSpec不是一般的尺寸數值，而是將模式和尺寸組合在一起的數值。我們需要通過int mode = MeasureSpec.getMode(widthMeasureSpec)得到模式，用int size = MeasureSpec.getSize(widthMeasureSpec)得到尺寸。

mode共有三種情況，取值分別為MeasureSpec.UNSPECIFIED, MeasureSpec.EXACTLY, MeasureSpec.AT_MOST。

MeasureSpec.EXACTLY是精確尺寸，當我們將控制元件的layout_width或layout_height指定為具體數值時如andorid:layout_width="50dip"，或者為FILL_PARENT是，都是控制元件大小已經確定的情況，都是精確尺寸。

MeasureSpec.AT_MOST是最大尺寸，當控制元件的layout_width或layout_height指定為WRAP_CONTENT時，控制元件大小一般隨著控制元件的子空間或內容進行變化，此時控制元件尺寸只要不超過父控制元件允許的最大尺寸即可。因此，此時的mode是AT_MOST，size給出了父控制元件允許的最大尺寸。

MeasureSpec.UNSPECIFIED是未指定尺寸，這種情況不多，一般都是父控制元件是AdapterView，通過measure方法傳入的模式。

所以你現在對於這段程式碼就不陌生了

if (widthMode == MeasureSpec.AT_MOST && heightMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(getMeasuredWidth() / 2, getMeasuredHeight() / 2);
        } else if (widthMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(getMeasuredWidth() / 2, heightSize);
        } else if (heightMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(widthsize, getMeasuredHeight() / 2);
        }

分別表示什麼自己對照就好了，在佈局中直接呼叫就可以啦，不在給貼布局啦，實在是不好意思，浪費時間呀，有沒有發現比第一篇還簡單呀，自己可以執行看看啦

github地址：https://github.com/xiangtongcheng/customerView