大家都知道拨号器包括最上方是文本输入框,用于显示你所要拨打的号码,其次下方的按钮分别用于输入号码与拨号,当然这只是一个最简单的拨号器。我们甚至可以在上面加上添加号码到通讯录,或者从通讯录中选取号码等等许多复杂而且有趣的功能。
首先我们所熟知的android的布局有LinearLayout,FrameLayout,TableLayout,RelativeLayout等等。而我这里选择使用的是RelativeLayout布局,因为该布局非常的灵活,可以根据之前定义的组件来确定之后组件应该摆放的位置。同时我为了使拨号器的界面更加的好看,特意使用了ImageButton而不是Button,因此我们可以在按钮上添加各种好看的图片。下面直接上代码:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bc" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <!-- android:background="#ffffffff"表示该组件的背景颜色 形如“#AARRGGBB”均表示为某一种颜色 AA如果均为FF,则表示不透明,如均为00,则表示为透明 RR如果均为FF,则表示全红,如均为00,则表示为无红色 GG如果均为FF,则表示全绿,如均为00,则表示为无绿色 BB如果均为FF,则表示全蓝,如均为00,则表示为无蓝色 android:gravity="center"表示将text中的文字显示在正中央 --> <TextView android:id="@+id/textView1" android:layout_width="fill_parent" android:layout_height="180dp" android:background="@android:color/transparent" android:gravity="center" android:layout_alignParentTop="true" android:text="@string/text" /> <ImageButton android:id="@+id/button1" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@id/textView1" android:gravity="center" android:onClick="onClick" android:src="@drawable/s1" /> <ImageButton android:id="@+id/button2" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/textView1" android:layout_toRightOf="@id/button1" android:gravity="center" android:onClick="onClick" android:src="@drawable/s2" /> <ImageButton android:id="@+id/button3" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/textView1" android:layout_toRightOf="@id/button2" android:gravity="center" android:onClick="onClick" android:src="@drawable/s3" /> <ImageButton android:id="@+id/button4" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@id/button1" android:gravity="center" android:onClick="onClick" android:src="@drawable/s4" /> <ImageButton android:id="@+id/button5" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/button2" android:layout_toRightOf="@id/button4" android:gravity="center" android:onClick="onClick" android:src="@drawable/s5" /> <ImageButton android:id="@+id/button6" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/button3" android:layout_toRightOf="@id/button5" android:gravity="center" android:onClick="onClick" android:src="@drawable/s6" /> <ImageButton android:id="@+id/button7" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@id/button4" android:gravity="center" android:onClick="onClick" android:src="@drawable/s7" /> <ImageButton android:id="@+id/button8" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/button5" android:layout_toRightOf="@id/button7" android:gravity="center" android:onClick="onClick" android:src="@drawable/s8" /> <ImageButton android:id="@+id/button9" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/button6" android:layout_toRightOf="@id/button8" android:gravity="center" android:onClick="onClick" android:src="@drawable/s9" /> <ImageButton android:id="@+id/button_1" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@id/button7" android:gravity="center" android:onClick="onClick" android:src="@drawable/sj" /> <ImageButton android:id="@+id/button0" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/button8" android:layout_toRightOf="@id/button_1" android:gravity="center" android:onClick="onClick" android:src="@drawable/s0" /> <ImageButton android:id="@+id/button_2" android:layout_width="95dp" android:layout_height="wrap_content" android:layout_below="@id/button9" android:layout_toRightOf="@id/button0" android:gravity="center" android:onClick="onClick" android:src="@drawable/sx1" /> <ImageButton android:id="@+id/button_call" android:layout_width="145dp" android:layout_height="wrap_content" android:layout_alignBottom="@+id/button_back" android:layout_alignParentLeft="true" android:layout_below="@id/button_1" android:gravity="center" android:onClick="onClick" android:src="@drawable/dialpad" /> <ImageButton android:id="@+id/button_back" android:layout_width="145dp" android:layout_height="wrap_content" android:gravity="center" android:layout_below="@id/button_2" android:layout_toRightOf="@id/button_call" android:onClick="onClick" android:src="@drawable/delete_n"/> </RelativeLayout>
以上便是一个简单的android拨号器界面,那么实现这个界面后,我们怎么让拨号按钮具有拨号的功能呢,其实这也非常的简单,只需要一句非常简单的代码调用android系统自带的拨号功能
<uses-permission android:name="android.permission.CALL_PHONE"/>
接下来再通过java代码实现按钮之间互相的逻辑关系,实现监听,我们这个建议的android拨号器便可以算作完工了。
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
public void onClick(View v){
TextView tv = (TextView)MainActivity.this.findViewById(R.id.textView1);
ImageButton bt1 = (ImageButton)MainActivity.this.findViewById(R.id.button1);
ImageButton bt2 = (ImageButton)MainActivity.this.findViewById(R.id.button2);
ImageButton bt3 = (ImageButton)MainActivity.this.findViewById(R.id.button3);
ImageButton bt4 = (ImageButton)MainActivity.this.findViewById(R.id.button4);
ImageButton bt5 = (ImageButton)MainActivity.this.findViewById(R.id.button5);
ImageButton bt6 = (ImageButton)MainActivity.this.findViewById(R.id.button6);
ImageButton bt7 = (ImageButton)MainActivity.this.findViewById(R.id.button7);
ImageButton bt8 = (ImageButton)MainActivity.this.findViewById(R.id.button8);
ImageButton bt9 = (ImageButton)MainActivity.this.findViewById(R.id.button9);
ImageButton bt_1 = (ImageButton)MainActivity.this.findViewById(R.id.button_1);
ImageButton bt0 = (ImageButton)MainActivity.this.findViewById(R.id.button0);
ImageButton bt_2 = (ImageButton)MainActivity.this.findViewById(R.id.button_2);
ImageButton bt_call = (ImageButton)MainActivity.this.findViewById(R.id.button_call);
ImageButton bt_back = (ImageButton)MainActivity.this.findViewById(R.id.button_back);
if(v.equals(bt1)){
tv.append("1");
}
if(v.equals(bt2)){
tv.append("2");
}
if(v.equals(bt3)){
tv.append("3");
}
if(v.equals(bt4)){
tv.append("4");
}
if(v.equals(bt5)){
tv.append("5");
}
if(v.equals(bt6)){
tv.append("6");
}
if(v.equals(bt7)){
tv.append("7");
}
if(v.equals(bt8)){
tv.append("8");
}
if(v.equals(bt9)){
tv.append("9");
}
if(v.equals(bt_1)){
tv.append("*");
}
if(v.equals(bt0)){
tv.append("0");
}
if(v.equals(bt_2)){
tv.append("#");
}
if(v.equals(bt_call)){
String str = tv.getText().toString();
Intent intent = new Intent();
intent.setAction("android.intent.action.CALL");
intent.setData(Uri.parse("tel:"+str));
startActivity(intent);
}
if(v.equals(bt_back)){
//从末尾删除按钮上的文本
//获取TextView上的文本信息
String str = tv.getText().toString();
if(!(str.equals(null))&&!(str.trim().equals(""))){
//将获取的字符串进行截取
str = str.substring(0,str.length()-1);
tv.setText(str);
return;
}
Toast.makeText(MainActivity.this, "请输入号码", Toast.LENGTH_SHORT).show();
}
}
这便是一个简易android拨号器制作的全过程,那么如果我们还想调用手机上的通讯录应该怎么做呢?其实也是一样,只要我们获取了想我们的APP应用中添加读取通讯录数据的许可{<uses-permission android:name="android.permission.READ_CONTACTS"/2)},同样便可以调用手机自带的通讯录啦~