Android计算器APP练习--- 界面 _android

历览千载书，时时见遗烈。这篇文章主要讲述Android计算器APP练习--- 界面相关的知识，希望能为你提供帮助。
android Studio 2.3.2 。参考文章：http://blog.csdn.net/like_program/article/details/51813632
1. 新建工程 MyCalculator，一路下一步，均采用默认值。
2. 按照要求修改三个xml文件内容。很多地方工程名字不一样，改成自己的名字。

文章图片

3. 按照步骤修改Activity_main.XML文件，遇到问题：

android:singleLine="false" 过时

文章图片

暂时处理方式：删掉此行。
4. 按照步骤依次加入代码，计算器可以正常运行。
5. 原文作者写的注释非常详细，计划认真阅读后，自己做一遍。
6. 未增加美化部分，留作后面的内容学习。http://blog.csdn.net/like_program/article/details/51925765
【Android计算器APP练习--- 界面】

文章图片

文章图片

MainActivity.java

1 package com.example.mycalculator; 2 3 import android.os.Bundle; 4 import android.support.v7.app.AppCompatActivity; 5 import android.text.html; 6 import android.view.View; 7 import android.view.Window; 8 import android.widget.AdapterView; 9 import android.widget.AdapterView.OnItemClickListener; 10 import android.widget.ArrayAdapter; 11 import android.widget.EditText; 12 import android.widget.GridView; 13 14 import java.util.ArrayList; 15 import java.util.List; 16 17 import cn.skw.calculator.Calculator; 18 19 public class MainActivity extends AppCompatActivity { 20 21/** 22* 操作按钮 23*/ 24private GridView mGridView = null; 25 26/** 27* 输入框 28*/ 29private EditText mEditInput = null; 30 31/** 32* 适配器 33*/ 34private ArrayAdapter mAdapter = null; 35 36/** 37* 已计算的表达式 38*/ 39private String mPreStr = ""; 40 41/** 42* 待计算的表达式 43*/ 44private String mLastStr = ""; 45 46/** 47* 计算结果 48*/ 49private Object mResult = null; 50 51/** 52* 判断刚刚是否成功执行完一个表达式 53* 以为,刚加一个表达式时,需要在原来的表达式后面加上换行标签 54*/ 55private boolean mIsExecuteNow = false; 56 57/** 58* 换行符 59*/ 60private final String newLine = "< br> "; 61 62/** 63* 操作按钮上的字符集合 64*/ 65private final String[] mTextBtns = new String[]{ 66"Back","(",")","CE", 67"7","8","9","/", 68"4","5","6","*", 69"1","2","3","+", 70"0",".","=","-", 71}; 72 73/** 74* 用来存储操作按钮上的字符集合 75*/ 76private List< String> mTextBtnsList = new ArrayList< String> (); 77 78@Override 79protected void onCreate(Bundle savedInstanceState) { 80super.onCreate(savedInstanceState); 81// 隐藏标题栏 82requestWindowFeature(Window.FEATURE_NO_TITLE); 83setContentView(R.layout.activity_main); 84 85initTextBtns(); 86 87mEditInput = (EditText) findViewById(R.id.edit_input); 88mGridView = (GridView) findViewById(R.id.grid_buttons); 89// 创建适配器 90mAdapter = new ArrayAdapter< String> (this, android.R.layout.simple_list_item_1, mTextBtns); 91// mAdapter = new CalculatorAdapter(this, R.id.text_button, mTextBtnsList); 92// 设置适配器 93mGridView.setAdapter(mAdapter); 94 95// 禁止EditText从键盘输入 96mEditInput.setKeyListener(null); 97// 为操作按钮设置按键监听 98mGridView.setOnItemClickListener(new OnButtonItemClickListener()); 99} 100 101/** 102* 这个函数用于设置EditText的显示内容,主要是为了加上html标签. 103* 所有的显示EditText内容都需要调用此函数 104*/ 105private void setText() { 106final String[] tags = new String[]{ 107"< font color=\'#858585\'> ", 108"< font color=\'#CD2626\'> ", 109"< /font> " 110}; 111StringBuilder builder = new StringBuilder(); 112// 添加颜色标签 113builder.append(tags[0]).append(mPreStr).append(tags[2]); 114builder.append(tags[1]).append(mLastStr).append(tags[2]); 115// 显示内容 116mEditInput.setText(Html.fromHtml(builder.toString())); 117// 设置光标在EditText的最后位置 118mEditInput.setSelection(mEditInput.getText().length()); 119} 120 121/** 122* 执行待计算表达式,当用户按下 = 号时,调用这个方法 123*/ 124private void executeExpression() { 125try { 126// 调用第三方jar包来执行运算 127mResult = Calculator.execute(mLastStr); 128/** 129* 将计算得到的结果进行处理, 130* 若结果的小数点后有4位以上,就只保留4位小数 131* 否则不做处理 132*/ 133mResult = covertNumber(mResult); 134} catch (Exception e) { 135/** 136* 如果捕获到异常,表示表达式执行失败, 137* 这里设置为false是因为并没有执行成功,还不能新的表达式求值 138*/ 139mIsExecuteNow = false; 140return; 141} 142/** 143* 若计算结果成功,把 "=" 和结果加到待计算表达式, 144* 更新视图, 145* 设置标识为true 146*/ 147mLastStr += "="+ mResult; 148setText(); 149mIsExecuteNow = true; 150} 151 152/** 153* 先把计算的结果转换为 float ，再把结果进行四舍五入，然后看能不能被1整除， 154* 如果能整除，说明结果是个 float 类型的整数，将结果转换为 int 类型返回 155* 如果不能，说明结果是个小数，直接将结果返回 156* 157* @param number 结果 158* @return 处理后的结果 159*/ 160private Object covertNumber(Object number) { 161/** 162* 将传入的结果先转换为 string 类型,再转换为 float 类型,赋值给 resultFloat 163* 这里将 result 转换为 float 类型是因为 float 类型参数是有小数点的, 164* 而结果(number)先假设也是有小数点,这样 resultFloat 可以完全接受结果(number)而不损失精度 165*/ 166float resultFloat = Float.valueOf(number.toString()); 167/** 168* 将 resultFloat 先乘10000,然后调用Math.round()方法，进行四舍五入，再除以10000，就把 resultFloat 四舍五入了 169*/ 170resultFloat = (float) (Math.round(resultFloat * 10000)) / 10000; 171if (resultFloat % 1 == 0) { 172return (int)resultFloat; 173} else { 174return resultFloat; 175} 176} 177 178/** 179* 把字符集合依次添加到List中 180*/ 181private void initTextBtns() { 182for (String btn : mTextBtns) { 183mTextBtnsList.add(btn); 184} 185} 186 187private class OnButtonItemClickListener implements OnItemClickListener { 188@Override 189public void onItemClick(AdapterView< ?> parent, View view, int position, long id) { 190String text = (String) parent.getAdapter().getItem(position); 191if (text.equals("=")) { 192// 执行运算 193executeExpression(); 194} else if (text.equals("Back")) { 195/** 196* 如果按下退格键,表示删除一个字符 197* 如果待计算表达式长度为0,则需要把已计算表达式的最后 198* 部分赋值给待计算表达式 199* 200* 例如： 201* 202* 已计算表达式：1+1=2 203* 待计算表达式：空 204* 205* 按下Back键后： 206* 207* 已计算表达式：空 208* 待计算表达式：1+1=2 209* 210*/ 211if (mLastStr.length() == 0) { 212/** 213* 如果已计算表达式的长度不是0,那么此时 214* 已计算表达式必然以换行符结尾 215*/ 216if (mPreStr.length() != 0) { 217// 清除已计算表达式末尾的换行符 218mPreStr = mPreStr.substring(0, mPreStr.length() - newLine.length()); 219// 找到前一个换行符的位置 220int index = mPreStr.lastIndexOf(newLine); 221if (index == -1) { 222/** 223* -1表示没有找到,即已计算表达式只有一个 224* 此时把仅有的一个已计算表达式赋值给待计算表达式 225* 226* 例如： 227* 228* 已计算表达式：1+1=2 229* 待计算表达式：空 230* 231* 按下Back键后： 232* 233* 已计算表达式：空 234* 待计算表达式：1+1=2 235*/ 236mLastStr = mPreStr; 237// 已计算表达式赋值为空 238mPreStr = ""; 239} else { 240/** 241* 如果找到前一个换行符,即已计算表达式数量 > 1 242* 此时把已计算表达式的最后一个表达式赋值给待计算表达式 243* 244* 例如： 245* 246* 已计算表达式：1+1=2 247*2+2=4 248* 待计算表达式：空 249* 250* 按下Back键后： 251* 252* 已计算表达式：1+1=2 253* 待计算表达式：2+2=4 254*/ 255mLastStr = mPreStr.substring(index + newLine.length(), mPreStr.length()); 256mPreStr = mPreStr.substring(0, index + newLine.length()); 257} 258mIsExecuteNow = true; 259} 260} else { 261// 如果待计算表达式长度不是0,则直接减掉一个字符 262mLastStr = mLastStr.substring(0, mLastStr.length() - 1); 263} 264// 更新视图 265setText(); 266} else if (text.equals("CE")) { 267/** 268* 如果按下清除键,就把 269* 待计算表达式和已计算表达式全部清空, 270* 显示内容全部清空, 271* 并设置标识符为false 272* 273* 这里需要注意下， 274* 待计算表达式和已计算表达式全部清空, 275* 并不代表显示内容就清空了。同样， 276* 显示内容清空，也不代表待计算表达式和已计算表达式全部清空。 277*/ 278mPreStr = ""; 279mLastStr = ""; 280mIsExecuteNow = false; 281mEditInput.setText(""); 282} else { 283// 按下其他键的情况 284if (mIsExecuteNow) { 285/** 286* 如果刚刚成功执行了一个表达式, 287* 那么需要把待计算表达式加到已计算表达式后面并添加换行符 288* 289* 例如： 290* 已计算表达式：空 291* 待计算表达式：1+1=2 292* 293* 按下 1 键后： 294* 295* 已计算表达式：1+1=2 296* 待计算表达式：1 297* 298*/ 299mPreStr += mLastStr + newLine; 300// 重置标识为false 301mIsExecuteNow = false; 302/** 303* 如果按下的键是 + - * / 中的任何一个， 304* 就把刚刚计算完毕的表达式的结果拿过来， 305* 放在待计算表达式的开头 306* 307* 例如: 308* 已计算表达式：1+1=2 309* 待计算表达式：空 310* 311* 按下 + 键后： 312* 313* 已计算表达式：1+1=2 314* 待计算表达式：2+ 315*/ 316if (text.equals("+") || text.equals("-") || text.equals("*") || text.equals("/")) { 317mLastStr = mResult + text; 318} else { 319// 设置待计算表达式的第一个字符为当前按钮按下的内容 320mLastStr = text; 321} 322} else { 323// 否则直接在待计算表达式后面添加内容就好了 324mLastStr += text; 325} 326// 更新视图 327setText(); 328} 329} 330} 331 }

activity_main.xml

1 < ?xml version="1.0" encoding="utf-8"?> 2 < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3xmlns:tools="http://schemas.android.com/tools" 4android:layout_width="match_parent" 5android:layout_height="match_parent" 6android:orientation="vertical" 7tools:context="com.example.mycalculator.MainActivity" > 8 9< !-- 标题 --> 10< TextView 11android:layout_width="match_parent" 12android:layout_height="50dp" 13android:text="@string/app_name" 14android:textSize="18sp" 15android:gravity="center" 16android:background="@color/colorBlue" /> 17 18< RelativeLayout 19android:layout_width="match_parent" 20android:layout_height="match_parent"> 21 22< !--操作界面--> 23< GridView 24android:id="@+id/grid_buttons" 25android:layout_width="match_parent" 26android:layout_height="wrap_content" 27android:layout_alignParentBottom="true" 28android:layout_margin="10dip" 29android:gravity="center" 30android:horizontalSpacing="10dp" 31android:numColumns="4" 32android:verticalSpacing="10dp"> < /GridView> 33 34< !-- 显示界面 --> 35< EditText 36android:id="@+id/edit_input" 37android:layout_width="match_parent" 38android:layout_height="match_parent" 39android:layout_above="@id/grid_buttons" 40android:layout_alignParentTop="true" 41android:gravity="start" 42android:hint="@string/hint_text" 43android:padding="10dp" 44 45android:textSize="22sp" /> 46 47< /RelativeLayout> 48 49 < /LinearLayout>

colors.xml

< ?xml version="1.0" encoding="utf-8"?> < resources> < color name="colorPrimary"> #3F51B5< /color> < color name="colorPrimaryDark"> #303F9F< /color> < color name="colorAccent"> #FF4081< /color> < color name="colorBlue"> #729FFA< /color> < color name="colorWhite"> #FFFFFF< /color> < /resources>

strings.xml