关于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;
}
}
}
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>
这样,就实现了上图的小键盘。这个例子参考Android自带电话应用的实现。可见,在开发中,灵活运用自定义的控件,可以实现独特而富有魅力的效果!
分享到:
相关推荐
主要为大家详细介绍了Android自定义控件之电话拨打小键盘,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Android自定义键盘:数字键盘和字母键盘
软键盘弹出之后,计算软键盘的高度,将自定义的View设置于软键盘之上。代码重点计算了如何让软键盘显示与隐藏,并且,还解决了如何点击软键盘与自定义View 之外的区域,让软键盘隐藏而不会与其他控件的点击事件冲突...
Android平板设备上的数字小键盘自定义控件的实现(非弹出软键盘) 完整源码。
android自定义键盘,支持身份证键盘,ip地址键盘,数字键盘,支持身份证校验,ip地址校验,随机数字键盘
相关博客:【安卓学习之常见问题】 自定义组合控件View 的开发...本demo共有三个小工程demo,分布是自定义多选控件、自定义键盘控件、自定义设置编辑控件。供学习参考。
本demo展示的自定义键盘,UI可随便调整,逻辑简单,如果好用请记得留言点赞。
Andorid例子源码popupWindow自定义键盘控件
主要为大家详细介绍了Android自定义控件ScrollView实现上下滑动功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Android自定义组件之日历控件-精美日历实现(内容、样式可扩展),参考博客:http://blog.csdn.net/daijin888888/article/details/47752723
NumberKeyboard 自定义数字键盘
android 自定义键盘,在页面嵌入的。使用还算简单
本文实例为大家分享了Android自定义view实现输入控件的具体代码,供大家参考,具体内容如下 网络上大部分的输入控件都是多个EditText组合而成,本例中采用的是: 单个EditText作为输入的捕捉控件 多个ImageView的...
主要介绍了Android UI设计系列之自定义ViewGroup打造通用的关闭键盘小控件ImeObserverLayout,具有一定的实用性和参考价值,感兴趣的小伙伴们可以参考一下
在购买商品时,大家可以自定义数字加减控件,来确定购买商品的实际数量,如何实现此控件,请参考下文: 1.自定义数字加减控件的要求 创建Module -NumberAddSubView A_输入的只能是数字,而且不能通过键盘输入 B_...
纯手撸控件,包含了一般情况下的数字锁功能和一些UI属性的自定义功能,能够满足一般app的安全锁开发
自定义控件验证码
*自定义车牌输入键盘*输入第一个省份后自动切换到数字字母键盘