大家都知道拨号器包括最上方是文本输入框,用于显示你所要拨打的号码,其次下方的按钮分别用于输入号码与拨号,当然这只是一个最简单的拨号器。我们甚至可以在上面加上添加号码到通讯录,或者从通讯录中选取号码等等许多复杂而且有趣的功能。
首先我们所熟知的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)},同样便可以调用手机自带的通讯录啦~