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);    }}    

 

四.程序运行效果