【Android开发-4】进入实践,最喜欢折腾的计算器

前言:前面对项目文件有了感性认识,接下来我们就需要通过不断实践,对项目的文件有理性的认识。以前折腾Unity3d、IOS开发都是拿计算器开刀,所以这次Android开发实践也不例外,继续拿计算器折腾。通过本人总结,你通过折腾计算器,可以学习掌握到对文本、按钮、输入框控件的事件监听触发和一些控件读写操作,编程语言可以接触到字符串的分割、拼接、查找等方法使用,还有if-else,switch控制语句的使用;总之通过操作一款简单的计算器,可以基本熟悉该开发环境下的流程和编程语言的使用。


首先展示下折腾的效果:

【Android开发-4】进入实践,最喜欢折腾的计算器


进入折腾步骤

第一步:创建项目,创建完项目文件结构如下:

【Android开发-4】进入实践,最喜欢折腾的计算器

第二步:布局界面,找到项目文件中的layout->activity_main,里面的布局代码编写如下:

<RelativeLayout 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: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="com.wyz.calc.MainActivity" >

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="15dp"
        android:text="@string/mycalc" />

    <EditText
        android:id="@+id/displaynum"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@id/title"
        android:layout_marginBottom="15dp" />

    <LinearLayout
        android:id="@+id/row1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/displaynum"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn_num_1"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="1" />

        <Button
            android:id="@+id/btn_num_2"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="2" />

        <Button
            android:id="@+id/btn_num_3"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="3" />

        <Button
            android:id="@+id/btn_add"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:text="+" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/row2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/row1"
        android:layout_marginTop="20dp"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn_num_4"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="4" />

        <Button
            android:id="@+id/btn_num_5"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="5" />

        <Button
            android:id="@+id/btn_num_6"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="6" />

        <Button
            android:id="@+id/btn_sub"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:text="-" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/row3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/row2"
        android:layout_marginTop="20dp"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn_num_7"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="7" />

        <Button
            android:id="@+id/btn_num_8"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="8" />

        <Button
            android:id="@+id/btn_num_9"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="9" />

        <Button
            android:id="@+id/btn_mul"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:text="*" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/row4"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/row3"
        android:layout_marginTop="20dp"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn_num_0"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="0" />

        <Button
            android:id="@+id/btn_douhao"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="·" />

        <Button
            android:id="@+id/btn_equal"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="=" />

        <Button
            android:id="@+id/btn_div"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:text="/" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/row5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/row4"
        android:layout_marginTop="20dp"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn_ce"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:layout_weight="1"
            android:text="CE" />

        <Button
            android:id="@+id/btn_del"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:text="Del" />
    </LinearLayout>

</RelativeLayout>


注:主要用到五大布局中的相对布局RelativeLayout和线性布局LinearLayout,还有就是布局中它们带有的属性;布局文件我们也就先感性认识,慢慢实践,然后升到理性。


第三步:编写主代码,找到项目文件中的src下的MainActivity.java,里面的代码编写如下:

package com.wyz.calc;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends Activity {
	Button btn_num_1;
	Button btn_num_2;
	Button btn_num_3;
	Button btn_num_4;
	Button btn_num_5;
	Button btn_num_6;
	Button btn_num_7;
	Button btn_num_8;
	Button btn_num_9;
	Button btn_num_0;
	Button btn_douhao;
	Button btn_equal;
	Button btn_add;
	Button btn_sub;
	Button btn_mul;
	Button btn_div;
	Button btn_ce;
	Button btn_del;
	

	EditText displayText; 
	
	int ioperator=0;	//操作符标志1代表+,2代表-,3代表*,4代表/
	double result=0;	//计算结果
	double num1=0;		//第一个操作数
	double num2=0;		//第二个操作数

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		//根据R中记录的控件id找到界面的控制对象
		btn_num_1 = (Button)findViewById(R.id.btn_num_1);
		btn_num_2 = (Button)findViewById(R.id.btn_num_2);
		btn_num_3 = (Button)findViewById(R.id.btn_num_3);
		btn_num_4 = (Button)findViewById(R.id.btn_num_4);
		btn_num_5 = (Button)findViewById(R.id.btn_num_5);
		btn_num_6 = (Button)findViewById(R.id.btn_num_6);
		btn_num_7 = (Button)findViewById(R.id.btn_num_7);
		btn_num_8 = (Button)findViewById(R.id.btn_num_8);
		btn_num_9 = (Button)findViewById(R.id.btn_num_9);
		btn_num_0 = (Button)findViewById(R.id.btn_num_0);

		btn_douhao = (Button)findViewById(R.id.btn_douhao);
		btn_equal = (Button)findViewById(R.id.btn_equal);
		btn_add = (Button)findViewById(R.id.btn_add);
		btn_sub = (Button)findViewById(R.id.btn_sub);
		btn_mul = (Button)findViewById(R.id.btn_mul);
		btn_div = (Button)findViewById(R.id.btn_div);
		btn_ce = (Button)findViewById(R.id.btn_ce);
		btn_del = (Button)findViewById(R.id.btn_del);
		

		displayText = (EditText)findViewById(R.id.displaynum);

		BtnListener btnListener = new BtnListener(); //创建事件监听器
	
		btn_num_1.setOnClickListener(btnListener);   //绑定监听器
		btn_num_2.setOnClickListener(btnListener);
		btn_num_3.setOnClickListener(btnListener);
		btn_num_4.setOnClickListener(btnListener);
		btn_num_5.setOnClickListener(btnListener);
		btn_num_6.setOnClickListener(btnListener);
		btn_num_7.setOnClickListener(btnListener);
		btn_num_8.setOnClickListener(btnListener);
		btn_num_9.setOnClickListener(btnListener);
		btn_num_0.setOnClickListener(btnListener);
		btn_douhao.setOnClickListener(btnListener);
		btn_equal.setOnClickListener(btnListener);
		btn_add.setOnClickListener(btnListener);
		btn_sub.setOnClickListener(btnListener);
		btn_mul.setOnClickListener(btnListener);
		btn_div.setOnClickListener(btnListener);
		btn_ce.setOnClickListener(btnListener);
		btn_del.setOnClickListener(btnListener);
	

	}

	//自己创建个按钮监听器类,实现接口OnClickListener,实现接口onclick方法
	class BtnListener implements OnClickListener
	{

		@Override
		public void onClick(View v) {
			CharSequence nowText = displayText.getText(); //每次按下时,先获取显示的文本内容
			String myString=nowText.toString();  	//转化成字符串
			
			switch(v.getId())
			{
			
			case R.id.btn_num_1:
				myString+="1";  
				num1=Double.parseDouble(myString);
				
				break;
			case R.id.btn_num_2:
				myString+="2";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_3:
				myString+="3";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_4:
				myString+="4";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_5:
				myString+="5";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_6:
				myString+="6";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_7:
				myString+="7";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_8:
				myString+="8";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_9:
				myString+="9";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_num_0:
				myString+="0";
				num1=Double.parseDouble(myString);
				break;
			case R.id.btn_douhao:
				if(!myString.contains("."))  //如果已经有.,就不加了
				{
					myString+=".";
				}
				
				break;
		
			case R.id.btn_add:
				ioperator = 1;
				num2=Double.parseDouble(myString);
				myString="";
				break;
			case R.id.btn_sub:
				ioperator = 2;
				num2=Double.parseDouble(myString);
				myString="";
				break;
			case R.id.btn_mul:
				ioperator = 3;
				num2=Double.parseDouble(myString);
				myString="";
				break;
			case R.id.btn_div:
				ioperator = 4;
				num2=Double.parseDouble(myString);
				myString="";
				break;
				
			case R.id.btn_equal:
				if(myString.isEmpty())	//如果获得字符串为空,不操作
				{
					break;
				}
				num1=Double.parseDouble(myString); 
				
				if(ioperator == 1)
				{
					result = num1 + num2;
				}
				else if(ioperator == 2)
				{
					result = num2-num1 ;
				}
				else if(ioperator == 3)
				{
					result = num1*num2;
				}
				else if(ioperator == 4)
				{
					result = num2/num1;
				}
				num2=result;
				num1=0;
				long tmp=0;
				if(result%1.0 == 0)		//去掉整数后面的小数点
				{
					tmp=(long)result;
					myString = String.valueOf(tmp);  
				}
				else
				{
					myString = String.valueOf(result);  
				}
				
				break;
			case R.id.btn_ce:
				num1=0;
				num2=0;
				result=0;
				ioperator=0;
				myString="";
				break;
			case R.id.btn_del:
			
				if(myString.length() != 0)	//不为空才可以删
				{
					myString=myString.substring(0, myString.length()-1);
				
				}
			
				break;
			default:
				break;
			}
			//调试信息
			Log.d("debugnum1", String.valueOf(num1));
			Log.d("debugnum2", String.valueOf(num2));
			Log.d("myString", myString);
			displayText.setText(myString);  
		}
	}

	@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) {
		// Handle action bar item clicks here. The action bar will
		// automatically handle clicks on the Home/Up button, so long
		// as you specify a parent activity in AndroidManifest.xml.
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}
}


主要思路是:

1.声明界面上面的控制变量和要用到的变量

2.通过findViewById找到布局文件中的控件对象,并把对象赋给声明对应的变量

3.写个类监听器,实现按钮监听器接口,当控件被点击时触发

4.控件变量,绑定监听器

5.开始在类监听器中,写触发事件业务处理的逻辑


第四步:到此基本完成,剩下的就是调试找bug

注:本人调试主要通过Log.d()把信息打印到输出日志控制台LogCat


【Android开发-4】进入实践,最喜欢折腾的计算器,布布扣,bubuko.com

【Android开发-4】进入实践,最喜欢折腾的计算器

上一篇:AcWing 154. 滑动窗口 单调队列


下一篇:c#DDOS代码