简单android拨号器的实现

大家都知道拨号器包括最上方是文本输入框,用于显示你所要拨打的号码,其次下方的按钮分别用于输入号码与拨号,当然这只是一个最简单的拨号器。我们甚至可以在上面加上添加号码到通讯录,或者从通讯录中选取号码等等许多复杂而且有趣的功能。

首先我们所熟知的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)},同样便可以调用手机自带的通讯录啦~

你可能感兴趣的:(android)