Linux教程網 >> Linux編程 >> Linux編程 >> Android自定義控件之我的電話小鍵盤

Android自定義控件之我的電話小鍵盤

日期：2017/3/1 11:09:42 编辑：Linux編程

關於Android的自定義控件，之前也寫了兩個，一個是簡單地繼承View，另一個通過繼承Layout實現一個省市聯動控件。這篇，將通過繼承ViewGroup來實現一個電話撥打小鍵盤。本人一貫風格，懶得羅裡吧嗦講一大堆，直接上圖上代碼，一切盡在注釋中！

1、MyPhoneCard.java

/**
*
* 自定義一個4*3的撥打電話的布局控件,
*
*
*/
public class MyPhoneCard extends ViewGroup{
private static final int COLUMNS = 3;
private static final int ROWS = 4;
private static final int NUM_BUTTON = COLUMNS*ROWS;
private View[] mButtons = new View[NUM_BUTTON];
private int mButtonWidth;
private int mButtonHeight;
private int mPaddingLeft;
private int mPaddingRight;
private int mPaddingTop;
private int mPaddingBottom;
private int mWidthInc;
private int mHeightInc;
private int mWidth;
private int mHeight;
public MyPhoneCard(Context context) {
super(context);
}
public MyPhoneCard(Context context, AttributeSet attrs){
super(context,attrs);
}
public MyPhoneCard(Context context, AttributeSet attrs, int defStyle){
super(context,attrs,defStyle);
}
/**
* 當從xml將所有的控件都調入內存後，觸發的動作
* 在這裡獲取控件的大小，並計算整個ViewGroup需要的總的寬和高
*/
@Override
protected void onFinishInflate(){
super.onFinishInflate();
final View[] btns = mButtons;
for(int i=0; i<NUM_BUTTON; i++){
btns[i] = this.getChildAt(i);
btns[i].measure(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED);
}
//緩存大小
final View child = btns[0];
mButtonWidth = child.getMeasuredWidth();
mButtonHeight = child.getMeasuredHeight();
mPaddingLeft = this.getPaddingLeft();
mPaddingRight = this.getPaddingRight();
mPaddingTop = this.getPaddingTop();
mPaddingBottom = this.getPaddingBottom();
mWidthInc = mButtonWidth + mPaddingLeft + mPaddingRight;
mHeightInc = mButtonHeight + mPaddingTop + mPaddingBottom;
mWidth = mWidthInc*COLUMNS;
mHeight = mHeightInc*ROWS;
Log.v("Finish Inflate:", "btnWidth="+mButtonWidth+",btnHeight="+mButtonHeight+",padding:"+mPaddingLeft+","+mPaddingTop+","+mPaddingRight+","+mPaddingBottom);
}
/**
* 這個方法在onFinishInflate之後，onLayout之前調用。這個方面調用兩次
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
Log.v("ViewGroup SIZE：width=", mWidth+"");
Log.v("ViewGroup SIZE: height=",mHeight+"");
final int width = resolveSize(mWidth, widthMeasureSpec);//傳入我們希望得到的寬度，得到測量後的寬度
final int height = resolveSize(mHeight,heightMeasureSpec);//傳入我們希望得到的高度，得到測量後的高度
Log.v("ViewGroup Measured SIZE: width=", width+"");
Log.v("ViewGroup Measured SIZE: height=", height+"");
//重新計算後的結果，需要設置。下面這個方法必須調用
setMeasuredDimension(width, height);
}
/**
* 這個方法在onMeasure之後執行，這個自定義控件中含有12個子控件（每個小鍵），所以，重寫這個方法，
* 調用每個鍵的layout，將他們一個一個布局好
* 就是4*3的放置，很簡單，一個嵌套循環搞定
*/
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
final View[] buttons = mButtons;
int i = 0;
Log.v("BOTTOM:", bottom+"");
Log.v("TOP", top+"");
int y = (bottom - top) - mHeight + mPaddingTop;//這裡其實bottom-top=mHeight,所以y=mPaddingTop
Log.v("Y=", y+"");
for(int row=0; row<ROWS; row++){
int x = mPaddingLeft;
for(int col = 0; col < COLUMNS; col++){
buttons[i].layout(x, y, x+mButtonWidth, y+mButtonHeight);
x = x + mWidthInc;
i++;
}
y = y + mHeightInc;
}
}
}