利用Android Studio实现Android开发，创建项目（Project）后，主要看两个重要部分文件，分别是java下的CalculatorActivity.java;res的layout下的activity_calculator.xml。
在activity_calculator.xml中，用线性布局LinearLayout做父元素，设计整体布局框架，线性布局LinearLayout中又有相对布局RelativeLayout,与父元素对齐，RelativeLayout用来设置按钮键的最后四行。详情见下列代码。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#6aE9967A"
>
<!--线性垂直布局，且设置背景颜色-->
<!--标题，设置居中对齐-->
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="计算器"
android:textSize="18sp"
android:textColor="#fff"
android:background="#FA8072"
android:gravity="center"
/>
<!--利用相对布局，首先根据自适应使GridView居于底部
再使EditText在GridView之上同时匹配父容器顶部-->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<GridView
android:layout_alignParentBottom="true"
android:id="@+id/grid_buttons"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:numColumns="4"
android:layout_margin="10dp"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:stretchMode="columnWidth"
android:gravity="center" >
</GridView>
<!-- 设置距父元素右对齐；设置GridView控件的id、宽高、行数、边距、垂直线平行线间的距离-->
<EditText
android:id="@+id/edit_input"
android:padding="10dp"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:singleLine="false"
android:scrollbars="vertical"
android:hint="输入表达式"
android:gravity="start"
android:textSize="22sp"
android:layout_alignParentTop="true"
android:layout_above="@id/grid_buttons"
android:background="@drawable/shape_edit"/>
</RelativeLayout>
</LinearLayout>接下来是java下的CalculatorActivity.java。因为在activity_calculator.xml中设置Button会有一大串代码，直接在.java中用String对象设置会更方便。详情请参考下面代码备注。
package com.example.shiyanlou.calculator;
import android.app.Activity;
import android.os.Bundle;
import android.text.Html;
import android.view.View;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.GridView;
import org.wltea.expression.ExpressionEvaluator;
public class CalculatorActivity extends Activity{
// 界面的主要的两个控件
private GridView mGridButtons = null;
private EditText mEditInput = null;
// 适配器
private BaseAdapter mAdapter = null;
// EditText显示的内容，mPreStr表示灰色表达式部分，要么为空，要么以换行符结尾
private String mPreStr = "";
// mLastStr表示显示内容的深色部分
private String mLastStr = "";
/**
* 这个变量非常重要，用于判断是否是刚刚成功执行完一个表达式
* 因为，新加一个表达式的时候，需要在原来的表达式后面加上换行标签等
*/
private boolean mIsExcuteNow = false;
// html换行的标签
private final String newLine = "<br\\>";
// gridview的所有按钮对应的键的内容
private final String[] mTextBtns = new String[]{
"Back","(",")","CE",
"7","8","9","/",
"4","5","6","*",
"1","2","3","+",
"0",".","=","-",};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 设置全屏，需要在setContentView之前调用
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_calculator);
// 查找控件
mGridButtons = (GridView) findViewById(R.id.grid_buttons);
mEditInput = (EditText) findViewById(R.id.edit_input);
// 新建adpater对象，并给GridView设置适配器
mAdapter = new CalculatorAdapter(this, mTextBtns);
mGridButtons.setAdapter(mAdapter);
// 这句话的目的是为了让EditText不能从键盘输入
mEditInput.setKeyListener(null);
// 新建一个自定义AdapterView.OnItemClickListener的对象，用于设置GridView每个选项按钮点击事件
OnButtonItemClickListener listener = new OnButtonItemClickListener();
mGridButtons.setOnItemClickListener(listener);
}
/**
* 这个函数用于设置EditText的显示内容，主要是为了加上html颜色标签。
* 所有的显示EditText内容都需要调用此函数
*/
private void setText(){
final String[] tags = new String[]{"<font color='#858585'>", "<font color='#CD2626'>", "</font> "};
StringBuilder builder = new StringBuilder();
// 添加颜色标签
builder.append(tags[0]); builder.append(mPreStr); builder.append(tags[2]);
builder.append(tags[1]); builder.append(mLastStr); builder.append(tags[2]);
mEditInput.setText(Html.fromHtml(builder.toString()));
mEditInput.setSelection(mEditInput.getText().length());
// 表示获取焦点
mEditInput.requestFocus();
}
/**
* 当用户按下 = 号的时候，执行的函数
* 用于执行当前表达式，并判断是否有错误
*/
private void excuteExpression(){
Object result = null;
try{
// 第三方包执行表达是的调用
result = ExpressionEvaluator.evaluate(mLastStr);
}catch (Exception e){
// 如果捕获到异常，表示表达式执行失败，调用setError方法显示错误信息
//Toast.makeText(this, "表达式解析错误，请检查!", Toast.LENGTH_SHORT).show();
mEditInput.setError(e.getMessage());
mEditInput.requestFocus();
// 这里设置为false是因为并没有执行成功，还不能开始新的表达式求值
mIsExcuteNow=false;
return;
}
// 执行成功了，设置标志为true，同时更新最后的表达式的内容为 表达式 + '=' + result
mIsExcuteNow = true;
mLastStr += "="+result;
mEditInput.setError(null);
// 显示执行结果
setText();
}
/**
* 该类是自定义选项按钮单击事件监听器
*/
private class OnButtonItemClickListener implements AdapterView.OnItemClickListener{
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
String text = (String) parent.getAdapter().getItem(position);
if(text.equals("=")){
// 为 = 号时直接调用该方法就好
excuteExpression();
}else if(text.equals("Back")){
// 如果按下退格按钮，表示删除一个字符
// 如果最新的表达式长度为0，则需要把前面的表达式的最后部分赋值给最新的表达式
if(mLastStr.length() == 0){
// 如果历史表达式的长度不是0，那么此时历史表达式必然以换行符结尾
// 如 3+5=8<br/>
if(mPreStr.length() != 0){
// 此时首先清除mPreStr的末尾的换行符 即 3+5=8
mPreStr = mPreStr.substring(0, mPreStr.length()-newLine.length());
mIsExcuteNow = true;
// 找到前一个换行符的位置
int index = mPreStr.lastIndexOf(newLine);
if(index == -1){
// 表示没有找到，即历史表达式只有一个 3+5=8不含有换行符就表示没有找到
mLastStr = mPreStr;
mPreStr = "";
}else{
// 找到了的话，就把历史表达式的最后一个表达式赋值给
// 比如历史表达式为3=3<br/>3+5=8此时，就需要吧3+5=8作为最新表达式
mLastStr = mPreStr.substring(index+newLine.length(), mPreStr.length());
mPreStr = mPreStr.substring(0, index);
}
}
}else{
// 如果最新的表达式长度不是0，则直接减掉一个字符就好了
mLastStr = mLastStr.substring(0, mLastStr.length()-1);
}
// 显示内容
setText();
}else if(text.equals("CE")){
// 需要全被设置为空字符串，并设置标识为false，同时清空显示内容
mPreStr = "";
mLastStr = "";
mIsExcuteNow = false;
mEditInput.setText("");
}else{
// 按下其它键的情况
if(mIsExcuteNow){
// 如果刚刚成功执行了一个表达式，那么需要把当前表达式加到历史表达式后面并添加换行符
mPreStr += mLastStr + newLine;
// 重置标识为false
mIsExcuteNow = false;
// 设置最新表达式的第一个字符为当前按钮按下的内容
mLastStr = text;
}else{
// 否则直接在最新表达式后面添加内容就好了
mLastStr += text;
}
// 更新内容
setText();
}
}
}
}实现截图如下：
扫一扫
745
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
