Android基础综合案例(七)《简易计算器UI界面设计》

《简易计算器UI界面设计》

一、要求：

1、 掌握UI界面的嵌套布局
2、EditText通过三种属性可以指定
     i. android:digits    数字 0~9 或 字母 a~z
     ii. android:inputType 自定义输入的类型
     iii. android:numeric 数字类型
3、掌握MVC设计模式的运用
4、掌握Menu组件的使用
5、AlertDialog.Builder对话框的使用

二：具体的代码的实现

1、activity_main.xml

<LinearLayout 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="#000000"
    android:orientation="vertical"
       
    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" >
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
        <EditText
            android:id="@+id/etNum1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
           android:background="#FFFFFF"
            android:inputType="numberDecimal"           
            android:textSize="20sp" >
            <requestFocus />
        </EditText>

        <TextView
            android:id="@+id/tvOp"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"  
            android:textColor="#FFFFFF"
            android:text=""
            android:textSize="20sp" />

        <EditText
            android:id="@+id/etNum2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="numberDecimal"
            android:background="#FFFFFF"
            android:textSize="20sp" >

            <requestFocus />
        </EditText>

        <TextView
            android:id="@+id/textView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:textColor="#FFFFFF"
            android:text="="        
            android:textSize="20sp" />

      <TextView
            android:id="@+id/tvResult"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1" 
            android:textColor="#FFFFFF"           
            android:text=""        
            android:textSize="20sp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:layout_marginTop="10dp">
        <Button
            android:id="@+id/add"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="add"
            android:text="+"
            android:textColor="#EA0000"
            android:textSize="30sp" />

        <Button
            android:id="@+id/sub"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="sub"
            android:text="-"
              android:textColor="#EA0000"
            android:textSize="30sp" />

        <Button
            android:id="@+id/multiply"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="multiply"
            android:text="*"
            android:textColor="#EA0000"
            android:textSize="30sp" />

        <Button
            android:id="@+id/divide"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="divide"
            android:text="/"
            android:textColor="#EA0000"
            android:textSize="30sp" />
    </LinearLayout>

</LinearLayout>

2、MainActivity.java

package com.example.jisuanqi;

import com.example.jisuanqi.model.Calculator;

import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;

import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;
import android.widget.Switch;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
  private EditText etNum1;
  private EditText etNum2;
  private TextView tvOp;
  private TextView tvResult;
  double num1;
  double num2;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initViews();
	}
	
	private void initViews() {
		etNum1=(EditText) this.findViewById(R.id.etNum1);
		etNum2=(EditText) this.findViewById(R.id.etNum2);
		tvOp=(TextView) this.findViewById(R.id.tvOp);
		tvResult=(TextView) this.findViewById(R.id.tvResult);		
	}
	
	@Override
	public boolean onCreateOptionsMenu(Menu menu) { 		 
		//menu.add(0, 1, 1,R.id.about);		 
	      //menu.add(0, 2, 2,R.id.exit);	
		getMenuInflater().inflate(R.menu.main, menu);
		return super.onCreateOptionsMenu(menu); 		 
		}  		 		 
		public boolean onOptionsItemSelected(MenuItem item) { 
			switch (item.getItemId()){
			case R.id.about:
			AlertDialog.Builder alertDialog=new AlertDialog.Builder(this);
			alertDialog.setTitle(R.string.menu_about);
			alertDialog.setMessage(R.string.dialog_message);
			alertDialog.setPositiveButton("确定", new OnClickListener() {
				
				@Override
				public void onClick(DialogInterface dioDialog, int which) {
					dioDialog.dismiss();
					
					
				}
			});
			alertDialog.create().show();
				break;
			case R.id.exit:
				Toast.makeText(this,"exit", Toast.LENGTH_SHORT).show();
			default:
				break;
			}
			return super.onOptionsItemSelected(item);
			


		}

	public void add(View view){
		getDate();
		tvOp.setText("+");
		tvResult.setText(""+Calculator.add(num1, num2));
				
	}

	private void getDate() {
		String strNum1=etNum1.getText().toString();
		String strNum2=etNum2.getText().toString();
		 num1=Double.parseDouble(strNum1);
		 num2=Double.parseDouble(strNum2);
	}
	public void sub(View view){
    	getDate();
		tvOp.setText("-");
		tvResult.setText(""+Calculator.sub(num1, num2));
				
		
	}
     public void multiply(View view){
    	 getDate();
    	  		tvOp.setText("*");
 		tvResult.setText(""+Calculator.multiply(num1, num2));
 				
		
	}
     public void divide(View view){
    	 getDate();
 		tvOp.setText("/");
 		tvResult.setText(""+Calculator.divide(num1, num2));
 				
 		
 	}

}

3、Calculator.java

package com.example.jisuanqi.model;

import android.R.dimen;

public class Calculator{
	public static double add(double num1,double num2){//方便调用
		return num1+num2;
		
	}
	public static double sub(double num1,double num2){//方便调用
		return num1-num2;
		
	}
	public static double multiply(double num1,double num2){//方便调用
		return num1*num2;
		
	}
	public static double divide(double num1,double num2){//方便调用
		if(num2==0){
			throw new ArithmeticException("除数不能为0");//抛出异常处理
		}
		return num1/num2;
		
	}
	

}

4、Strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">Jisuanqi</string>
    <string name="action_settings">Settings</string>
  <string name="menu_about">关于</string>
    <string name="menu_exit">退出</string>
    <string name="dialog_message">作者：xixi\n版本：1.0</string>

</resources>

5、menu文件下的main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@+id/about"
        android:orderInCategory="100"
        android:showAsAction="never"
        android:title="@string/menu_about" 
        android:icon="@android:drawable/ic_menu_help" 
        />
     <item
        android:id="@+id/exit"
        android:orderInCategory="100"
        android:showAsAction="never"
        android:icon="@android:drawable/ic_menu_delete"
        android:title="@string/menu_exit"
        />

</menu>

三、运行效果图

1、计算界面

2、点击menu菜单后的界面

3、点击“关于”后显示信息的界面