前台页面代码，通过线性布局方式实现计算器页面：如图所示
color.xml，自定义颜色values；
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> <color name="gray">#CCCCCC</color> <color name="green">#00ff00</color> <color name="orange">#FF8040</color> </resources>
white_bg.xml，自定义的输入文本框样式
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 设置圆角的幅度 --> <corners android:radius="5dp" /> <!-- 设置渐变颜色 起始为白色 color是手动添加的颜色枚举 --> <gradient android:startColor="@color/white" /> <!-- 设置渐变颜色 结束为银灰色 --> <gradient android:endColor="@color/gray" /> <!-- 边线 --> <stroke android:width="1dp" android:color="@color/black" /> </shape>
gray_by.xml，自定义按钮样式
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 圆角 --> <corners android:radius="5dp" /> <!-- 填充颜色 --> <solid android:color="@color/gray" /> </shape>
orange_bg.xml，自定义点击时按钮的样式
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 圆角 --> <corners android:radius="5dp" /> <!-- 填充颜色 --> <solid android:color="@color/orange" /> </shape>
orange_select.xml：定义按钮默认和点击时的样式
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 按钮单击时的状态 --> <item android:drawable="@drawable/orange_bg" android:state_pressed="true"></item> <!-- 按钮默认状态 --> <item android:drawable="@drawable/gray_bg"></item> </selector>
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:orientation="vertical" > <!-- layout_height：设置文本框高度 --> <!-- editable：设置文字不可以编辑 --> <!-- gravity：设置文字靠右下 --> <!-- background：为自定义的样式,新建drawable文件夹，在drawable下新建white_bg.xml文件 --> <EditText android:id="@+id/et_Text" android:layout_width="match_parent" android:layout_height="60dp" android:background="@drawable/white_bg" android:editable="false" android:ems="10" android:layout_marginTop="20dp" android:gravity="right|bottom" > <requestFocus android:layout_width="wrap_content" /> </EditText> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:orientation="horizontal" > <Button android:background="@drawable/orange_select" android:id="@+id/btn_clear" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="C" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_del" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="del" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_divide" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="÷" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_multiply" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="×" android:layout_margin="2dp" android:textSize="20sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:orientation="horizontal" > <Button android:background="@drawable/orange_select" android:id="@+id/btn_7" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="7" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_8" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="8" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_9" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="9" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_minus" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="-" android:layout_margin="2dp" android:textSize="20sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:orientation="horizontal" > <Button android:background="@drawable/orange_select" android:id="@+id/btn_4" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="4" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_5" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="5" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_6" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="6" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_plus" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="+" android:layout_margin="2dp" android:textSize="20sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:orientation="horizontal" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:background="@drawable/orange_select" android:id="@+id/btn_1" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="1" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_2" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="2" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_3" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="1" android:text="3" android:layout_margin="2dp" android:textSize="20sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:orientation="horizontal" > <Button android:background="@drawable/orange_select" android:id="@+id/btn_0" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="4" android:text="0" android:layout_margin="2dp" android:textSize="20sp" /> <Button android:background="@drawable/orange_select" android:id="@+id/btn_point" android:layout_width="0dp" android:layout_height="60dp" android:layout_weight="2" android:text="." android:layout_margin="2dp" android:textSize="20sp" /> </LinearLayout> </LinearLayout> <Button android:background="@drawable/orange_select" android:id="@+id/btn_equals" android:layout_width="match_parent" android:layout_height="130dp" android:layout_weight="3" android:text="=" android:layout_margin="2dp" android:textSize="20sp" /> </LinearLayout> </LinearLayout>
main_activity.java 业务代码
package com.example.calculator; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.EditText; public class MainActivity extends Activity implements OnClickListener { Button btn_1; // 数字1 Button btn_2; // 数字2 Button btn_3; // 数字3 Button btn_4; // 数字4 Button btn_5; // 数字5 Button btn_6; // 数字6 Button btn_7; // 数字7 Button btn_8; // 数字8 Button btn_9; // 数字9 Button btn_0; // 数字0 Button btn_clear; // 清0 Button btn_del; // 删除健 Button btn_divide; // 除号 Button btn_multiply; // *号 Button btn_minus; // -号 Button btn_plus; // +号 Button btn_point; // 小数点 Button btn_equals; // = EditText et_Text; // 显示文本 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 获取页面上的控件 btn_1 = (Button) findViewById(R.id.btn_1); btn_2 = (Button) findViewById(R.id.btn_2); btn_3 = (Button) findViewById(R.id.btn_3); btn_4 = (Button) findViewById(R.id.btn_4); btn_5 = (Button) findViewById(R.id.btn_5); btn_6 = (Button) findViewById(R.id.btn_6); btn_7 = (Button) findViewById(R.id.btn_7); btn_8 = (Button) findViewById(R.id.btn_8); btn_9 = (Button) findViewById(R.id.btn_9); btn_0 = (Button) findViewById(R.id.btn_0); btn_clear = (Button) findViewById(R.id.btn_clear); btn_del = (Button) findViewById(R.id.btn_del); btn_plus = (Button) findViewById(R.id.btn_plus); btn_divide = (Button) findViewById(R.id.btn_divide); btn_multiply = (Button) findViewById(R.id.btn_multiply); btn_minus = (Button) findViewById(R.id.btn_minus); btn_point = (Button) findViewById(R.id.btn_point); btn_equals = (Button) findViewById(R.id.btn_equals); et_Text = (EditText) findViewById(R.id.et_Text); // 按钮的单击事件 btn_1.setOnClickListener(this); btn_2.setOnClickListener(this); btn_3.setOnClickListener(this); btn_4.setOnClickListener(this); btn_5.setOnClickListener(this); btn_6.setOnClickListener(this); btn_7.setOnClickListener(this); btn_8.setOnClickListener(this); btn_9.setOnClickListener(this); btn_0.setOnClickListener(this); btn_clear.setOnClickListener(this); btn_del.setOnClickListener(this); btn_plus.setOnClickListener(this); btn_divide.setOnClickListener(this); btn_multiply.setOnClickListener(this); btn_minus.setOnClickListener(this); btn_point.setOnClickListener(this); btn_equals.setOnClickListener(this); } //定义第一个操作数和第二个操作数 double d1 = 0, d2 = 0; //定义运算符 String oprator = ""; @Override public void onClick(View v) { String str = et_Text.getText().toString(); switch (v.getId()) { case R.id.btn_1: case R.id.btn_2: case R.id.btn_3: case R.id.btn_4: case R.id.btn_5: case R.id.btn_6: case R.id.btn_7: case R.id.btn_8: case R.id.btn_9: case R.id.btn_0: case R.id.btn_point: // 点击数字按钮和小数点时，在文本内追加内容 et_Text.setText(str + ((Button) v).getText().toString()); break; case R.id.btn_plus: case R.id.btn_minus: case R.id.btn_multiply: case R.id.btn_divide: // 点击运算符按钮时，获取前面输入的第一个运算符 d1 = Double.parseDouble(et_Text.getText().toString()); // 添加到文本区域内 et_Text.setText(str + " " + ((Button) v).getText().toString() + " "); // 获取点击的运算符 oprator = ((Button) v).getText().toString(); break; case R.id.btn_clear: // 清空文本内容 et_Text.setText(""); break; case R.id.btn_del: // 点击删除按钮，删除一个字符 if (str != null && !str.equals("")) { str = str.substring(0, str.length() - 1); et_Text.setText(str); } break; case R.id.btn_equals: // 计算结果方法，获取第二个输入的数字 int start = str.lastIndexOf(oprator); d2 = Double.parseDouble(str.substring(start + 1, str.length())); getResult(d1, d2, oprator); break; } } // 计算结果 private void getResult(double d1, double d2, String oprator) { // 计算结果 String str = et_Text.getText().toString(); double result = 0; if (oprator.equals("+")) { result = d1 + d2; } else if (oprator.equals("-")) { result = d1 - d2; } else if (oprator.equals("×")) { result = d1 * d2; } else if (oprator.equals("÷")) { if (d2 == 0) { result = 0; } else { result = d1 / d2; } } // 如果不包含小数点则为小数和除法运算 if (!str.contains(".") && oprator != "÷") { et_Text.setText(((int) result) + ""); } else { et_Text.setText(result + ""); } } }