Android 사용자 정의 컨트롤 전화 키보드

안 드 로 이 드 의 사용자 정의 컨트롤 에 대해 서도 두 개 를 썼 습 니 다.하 나 는 View 를 간단하게 계승 하 는 것 이 고 다른 하 나 는 Layout 를 계승 하여 성,시 연동 컨트롤 을 실현 합 니 다.이 편 은 뷰 그룹 을 계승 해 작은 키보드 로 전 화 를 걸 수 있다.본인 은 일 관 된 스타일 로 잔소리 하기 귀 찮 습 니 다.직접 그림 에 코드 를 올 리 면 모든 것 이 주석 에 있 습 니 다!

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; 
    } 
  } 
 
} 

2.레이아웃 파일:

<?xml version="1.0" encoding="utf-8"?> 
<demo.phone.card.MyPhoneCard 
 xmlns:android="http://schemas.android.com/apk/res/android"  
 android:id = "@+id/dialpad"  
 android:paddingLeft="7dp"  
 android:paddingRight="7dp"  
 android:paddingTop="6dp"  
 android:paddingBottom="6dp"  
 android:layout_gravity="center"  
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content"  
 android:layout_marginBottom="5dp"> 
  
  <ImageButton android:id="@+id/one"  
    android:src="@drawable/dial_num_1_no_vm"  
    style="@style/dial_btn_style"  
    /> 
     
  <ImageButton android:id="@+id/two"  
    android:src="@drawable/dial_num_2"  
    style="@style/dial_btn_style"/>  
     
  <ImageButton android:id="@+id/three"  
    android:src="@drawable/dial_num_3"  
    style="@style/dial_btn_style"/>  
     
  <ImageButton android:id="@+id/four"  
    android:src="@drawable/dial_num_4"  
    style="@style/dial_btn_style"/>  
     
  <ImageButton android:id="@+id/five"  
    android:src="@drawable/dial_num_5"  
    style="@style/dial_btn_style"/> 
     
  <ImageButton android:id="@+id/six"  
    android:src="@drawable/dial_num_6"  
    style="@style/dial_btn_style"/>  
     
  <ImageButton android:id="@+id/seven"  
    android:src="@drawable/dial_num_7"  
    style="@style/dial_btn_style"/> 
     
  <ImageButton android:id="@+id/eight"  
    android:src="@drawable/dial_num_8"  
    style="@style/dial_btn_style"/> 
     
  <ImageButton android:id="@+id/nine"  
    android:src="@drawable/dial_num_9"  
    style="@style/dial_btn_style"/>  
     
  <ImageButton android:id="@+id/star"  
    android:src="@drawable/dial_num_star"  
    style="@style/dial_btn_style"/>   
     
  <ImageButton android:id="@+id/zero"  
    android:src="@drawable/dial_num_0"  
    style="@style/dial_btn_style"/>   
     
  <ImageButton android:id="@+id/pound"  
    android:src="@drawable/dial_num_pound"  
    style="@style/dial_btn_style"/>                                                    
   
</demo.phone.card.MyPhoneCard> 

이렇게 해서 위의 그림 의 작은 키 보드 를 실현 했다.이 예 는 안 드 로 이 드 자체 전화 애플 리 케 이 션 의 실현 을 참고 한다.이 를 통 해 알 수 있 듯 이 개발 에서 사용자 정의 컨트롤 을 유연 하 게 활용 하면 독특 하고 매력 적 인 효 과 를 얻 을 수 있 습 니 다!
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.