MVC设计模式及Menu之简易计算器

一.学习目标

1. 掌握UI界面的嵌套布局

2. EditText通过三种属性可以指定

    android:digits   数字 0~9 或字母 a~z

    android:inputType自定义输入的类型

    android:numeric 数字类型

3. 掌握MVC设计模式的运用

4.掌握Menu组件的使用

5. AlertDialog.Builder对话框的使用

二.任务描述

实现简易计算器的功能，当除数为0是给出相应提示，当点击menu时显示出菜单，并完成菜单的相应功能

三.编写过程

1.阶段一界面布局

使用LinearLayout进行页面嵌套布局

布局代码如下：

<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: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"
    android:background="@drawable/pg" >
最外层之下嵌套两个LinearLayout，每个LinearLayout都采用水平方向的布局

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <EditText
            android:id="@+id/op1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"  用此属性来使此LinearLayout中的三个控件平均分配，分别占五分之一
            android:inputType="numberDecimal" >
        </EditText>

        <TextView
            android:id="@+id/op"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" >
        </TextView>

        <EditText
            android:id="@+id/op2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="numberDecimal" >
        </EditText>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="=" >
        </TextView>

        <TextView
            android:id="@+id/result"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1" >
        </TextView>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="+" >
        </Button>

        <Button
            android:id="@+id/sub"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="-" >
        </Button>

        <Button
            android:id="@+id/multiply"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="*" >
        </Button>
        <Button
            android:id="@+id/divid"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="/" >
        </Button>
    </LinearLayout>
</LinearLayout>

界面布局效果如下：

2.阶段二

在Mainactivity中编写代码，利用MVC设计模式吧模型，显示界面和控制器分开，因此要编写相应的Java类。计算器的计算功能抽取出来，代码如下

public class Op {
 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 divid(double num1,double num2) throws ArithmeticException{ 
	 return num1/num2;
 }
	

}

具体的计算实现功能和菜单功能在Mainactivity中实现，代码如下：

public class MainActivity extends Activity {
	private EditText op1Text;
	private EditText op2Text;
	private TextView opText;
	private TextView resultText;
	private Button add;
	private Button sub;
	private Button multiply;
	private Button divid;
	
	

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Init();
        
    }
   private void Init(){
		op1Text=(EditText)findViewById(R.id.op1);
		
		opText=(TextView)findViewById(R.id.op);
		op2Text=(EditText)findViewById(R.id.op2);
		resultText=(TextView)findViewById(R.id.result);
		opHander handle=new opHander();
		add=(Button)findViewById(R.id.add);
		add.setOnClickListener(handle);
		sub=(Button)findViewById(R.id.sub);
		sub.setOnClickListener(handle);
		multiply=(Button)findViewById(R.id.multiply);
		multiply.setOnClickListener(handle);
		divid=(Button)findViewById(R.id.divid);
		divid.setOnClickListener(handle);
		
	}
    private class opHander implements  OnClickListener{
    	@Override
    	public void onClick(View v) {
			String op1Str=op1Text.getText().toString();
			String op2Str=op2Text.getText().toString();
			double num1=Double.parseDouble(op1Str);
			double num2=Double.parseDouble(op2Str);
			double result=0;
			switch (v.getId()) {
			case R.id.add:
				opText.setText(" + ");
                result=Op.add(num1, num2);
				break;
			case R.id.sub:
				opText.setText(" - ");
                result=Op.sub(num1, num2);
				break;
			case R.id.multiply:
				opText.setText(" * ");
                result=Op.multiply(num1, num2);
				break;
			case R.id.divid:
				opText.setText(" / ");
                if(num2==0){
                	resultText.setText("除数不能为0");
                    Toast.makeText(MainActivity.this, "除数不能为0", Toast.LENGTH_LONG).show();
                }
                else
                    result=Op.divid(num1, num2);
				break;
			default:
				break;
			}
			
			if(!(num2==0&&" / ".equals(opText.getText())))
			    resultText.setText(""+result);

		}
	}

	


    @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;
    }
    @Override

//实现菜单中的对话框功能	

    public boolean onOptionsItemSelected(MenuItem item){
    	switch(item.getItemId()){
    	case R.id.about:
    		AlertDialog.Builder builder = new AlertDialog.Builder(this);
			builder.setTitle(R.string.about)
			       .setMessage("计算器\n作者:xxx")
			       .setPositiveButton("确定", new DialogInterface.OnClickListener() {
			    	   public void onClick(DialogInterface dialog, int which) {
			    		   
			    	   }
			       }) 
			    	   .create()
					   .show();
								
    					break;
    	case R.id.exit:
    		this.finish();
		default:
			break;
    	 
    	}
		return super.onOptionsItemSelected(item);
    }
}
    	

 

四.程序运行效果