android studio 日志 (三)用GridLayout设计一个有简单计算功能的计算器

根据教材的界面,并结合学习其他人的代码,做出一个简单的计算器

最终效果图
在这里插入图片描述
首先是创建一个空的项目,创建一个Empty Activity,具体操作在日志一有说。

打开activity_main.xml文件,用GridLayout布局做一个简单的计算器界面

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:rowCount="6"
    android:columnCount="4"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tv_display"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        android:layout_width="match_parent"
        android:background="@color/white"
        android:onClick="onClick"
        android:textColor="@color/black"
        android:textSize="50dip"
        android:text="0"
        android:gravity="left|bottom"
        />

    <Button
        android:id="@+id/tv_init"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_columnSpan="4"
        android:text="@string/app_name"
        android:textSize="30sp"
        android:onClick="onClick"

        />

    <Button
        android:id="@+id/bt_1"
        android:text="1"
        android:textSize="30sp"
        android:onClick="onClick"
        />
    <Button
        android:id="@+id/bt_2"
        android:text="2"
        android:textSize="30sp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_3"
        android:text="3"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_add"
        android:text="+"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_4"
        android:text="4"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_5"
        android:text="5"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_6"
        android:text="6"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_minus"
        android:text="-"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_7"
        android:text="7"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_8"
        android:text="8"
        android:textSize="30dp"
        android:onClick="onClick" />
    <Button
        android:id="@+id/bt_9"
        android:text="9"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_multiply"
        android:text="*"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_point"
        android:text="."
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_0"
        android:text="0"
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_equal"
        android:textStyle="bold"
        android:text="="
        android:textSize="30dp"
        android:onClick="onClick"/>
    <Button
        android:id="@+id/bt_dividi"
        android:text="/"
        android:textSize="30dp"
        android:onClick="onClick"/>

</GridLayout>

有的颜色代码可能会因为没有而报错,我们需要在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="transparent">#00000000</color>
    <color name="dark">#232222</color>
    <color name="light">#645d5d</color>
    <!--透明色 -->
    <color name="white">#FFFFFF</color>
    <!--白色 -->
    <color name="ivory">#FFFFF0</color>
    <!--象牙色 -->
    <color name="lightyellow">#FFFFE0</color>
    <!--亮黄色 -->
    <color name="yellow">#FFFF00</color>
    <!--黄色 -->
    <color name="snow">#FFFAFA</color>
    <!--雪白色 -->
    <color name="floralwhite">#FFFAF0</color>
    <!--花白色 -->
    <color name="lemonchiffon">#FFFACD</color>
    <!--柠檬绸色 -->
    <color name="cornsilk">#FFF8DC</color>
    <!--米绸色 -->
    <color name="seashell">#FFF5EE</color>
    <!--海贝色 -->
    <color name="lavenderblush">#FFF0F5</color>
    <!--淡紫红 -->
    <color name="papayawhip">#FFEFD5</color>
    <!--番木色 -->
    <color name="blanchedalmond">#FFEBCD</color>
    <!--白杏色 -->
    <color name="mistyrose">#FFE4E1</color>
    <!--浅玫瑰色 -->
    <color name="bisque">#FFE4C4</color>
    <!--桔黄色 -->
    <color name="moccasin">#FFE4B5</color>
    <!--鹿皮色 -->
    <color name="navajowhite">#FFDEAD</color>
    <!--纳瓦白 -->
    <color name="peachpuff">#FFDAB9</color>
    <!--桃色 -->
    <color name="gold">#FFD700</color>
    <!--金色 -->
    <color name="pink">#FFC0CB</color>
    <!--粉红色 -->
    <color name="lightpink">#FFB6C1</color>
    <!--亮粉红色 -->
    <color name="orange">#FFA500</color>
    <!--橙色 -->
    <color name="lightsalmon">#FFA07A</color>
    <!--亮肉色 -->
    <color name="darkorange">#FF8C00</color>
    <!--暗桔黄色 -->
    <color name="coral">#FF7F50</color>
    <!--珊瑚色 -->
    <color name="hotpink">#FF69B4</color>
    <!--热粉红色 -->
    <color name="tomato">#FF6347</color>
    <!--西红柿色 -->
    <color name="orangered">#FF4500</color>
    <!--红橙色 -->
    <color name="deeppink">#FF1493</color>
    <!--深粉红色 -->
    <color name="fuchsia">#FF00FF</color>
    <!--紫红色 -->
    <color name="red">#FF0000</color>
    <!--红色 -->
    <color name="oldlace">#FDF5E6</color>
    <!--老花色 -->
    <color name="lightgoldenrodyellow">#FAFAD2</color>
    <!--亮金黄色 -->
    <color name="linen">#FAF0E6</color>
    <!--亚麻色 -->
    <color name="antiquewhite">#FAEBD7</color>
    <!--古董白 -->
    <color name="salmon">#FA8072</color>
    <!--鲜肉色 -->
    <color name="ghostwhite">#F8F8FF</color>
    <!--幽灵白 -->
    <color name="mintcream">#F5FFFA</color>
    <!--薄荷色 -->
    <color name="whitesmoke">#F5F5F5</color>
    <!--烟白色 -->
    <color name="beige">#F5F5DC</color>
    <!--米色 -->
    <color name="wheat">#F5DEB3</color>
    <!--浅黄色 -->
    <color name="sandybrown">#F4A460</color>
    <!--沙褐色 -->
    <color name="azure">#F0FFFF</color>
    <!--天蓝色 -->
    <color name="honeydew">#F0FFF0</color>
    <!--蜜色 -->
    <color name="aliceblue">#F0F8FF</color>
    <!--艾利斯兰 -->
    <color name="khaki">#F0E68C</color>
    <!--黄褐色 -->
    <color name="lightcoral">#F08080</color>
    <!--亮珊瑚色 -->
    <color name="palegoldenrod">#EEE8AA</color>
    <!--苍麒麟色 -->
    <color name="violet">#EE82EE</color>
    <!--紫罗兰色 -->
    <color name="darksalmon">#E9967A</color>
    <!--暗肉色 -->
    <color name="lavender">#E6E6FA</color>
    <!--淡紫色 -->
    <color name="lightcyan">#E0FFFF</color>
    <!--亮青色 -->
    <color name="burlywood">#DEB887</color>
    <!--实木色 -->
    <color name="plum">#DDA0DD</color>
    <!--洋李色 -->
    <color name="gainsboro">#DCDCDC</color>
    <!--淡灰色 -->
    <color name="crimson">#DC143C</color>
    <!--暗深红色 -->
    <color name="palevioletred">#DB7093</color>
    <!--苍紫罗兰色 -->
    <color name="goldenrod">#DAA520</color>
    <!--金麒麟色 -->
    <color name="orchid">#DA70D6</color>
    <!--淡紫色 -->
    <color name="thistle">#D8BFD8</color>
    <!--蓟色 -->
    <color name="lightgray">#D3D3D3</color>
    <!--亮灰色 -->
    <color name="tan">#D2B48C</color>
    <!--茶色 -->
    <color name="chocolate">#D2691E</color>
    <!--巧可力色 -->
    <color name="peru">#CD853F</color>
    <!--秘鲁色 -->
    <color name="indianred">#CD5C5C</color>
    <!--印第安红 -->
    <color name="mediumvioletred">#C71585</color>
    <!--中紫罗兰色 -->
    <color name="silver">#C0C0C0</color>
    <!--银色 -->
    <color name="darkkhaki">#BDB76B</color>
    <!--暗黄褐色 -->
    <color name="rosybrown">#BC8F8F</color>
    <!--褐玫瑰红 -->
    <color name="mediumorchid">#BA55D3</color>
    <!--中粉紫色 -->
    <color name="darkgoldenrod">#B8860B</color>
    <!--暗金黄色 -->
    <color name="firebrick">#B22222</color>
    <!--火砖色 -->
    <color name="powderblue">#B0E0E6</color>
    <!--粉蓝色 -->
    <color name="lightsteelblue">#B0C4DE</color>
    <!--亮钢兰色 -->
    <color name="paleturquoise">#AFEEEE</color>
    <!--苍宝石绿 -->
    <color name="greenyellow">#ADFF2F</color>
    <!--黄绿色 -->
    <color name="lightblue">#ADD8E6</color>
    <!--亮蓝色 -->
    <color name="darkgray">#A9A9A9</color>
    <!--暗灰色 -->
    <color name="brown">#A52A2A</color>
    <!--褐色 -->
    <color name="sienna">#A0522D</color>
    <!--赭色 -->
    <color name="darkorchid">#9932CC</color>
    <!--暗紫色 -->
    <color name="palegreen">#98FB98</color>
    <!--苍绿色 -->
    <color name="darkviolet">#9400D3</color>
    <!--暗紫罗兰色 -->
    <color name="mediumpurple">#9370DB</color>
    <!--中紫色 -->
    <color name="lightgreen">#90EE90</color>
    <!--亮绿色 -->
    <color name="darkseagreen">#8FBC8F</color>
    <!--暗海兰色 -->
    <color name="saddlebrown">#8B4513</color>
    <!--重褐色 -->
    <color name="darkmagenta">#8B008B</color>
    <!--暗洋红 -->
    <color name="darkred">#8B0000</color>
    <!--暗红色 -->
    <color name="blueviolet">#8A2BE2</color>
    <!--紫罗兰蓝色 -->
    <color name="lightskyblue">#87CEFA</color>
    <!--亮天蓝色 -->
    <color name="skyblue">#87CEEB</color>
    <!--天蓝色 -->
    <color name="gray">#808080</color>
    <!--灰色 -->
    <color name="olive">#808000</color>
    <!--橄榄色 -->
    <color name="purple">#800080</color>
    <!--紫色 -->
    <color name="maroon">#800000</color>
    <!--粟色 -->
    <color name="aquamarine">#7FFFD4</color>
    <!--碧绿色 -->
    <color name="chartreuse">#7FFF00</color>
    <!--黄绿色 -->
    <color name="lawngreen">#7CFC00</color>
    <!--草绿色 -->
    <color name="mediumslateblue">#7B68EE</color>
    <!--中暗蓝色 -->
    <color name="lightslategray">#778899</color>
    <!--亮蓝灰 -->
    <color name="slategray">#708090</color>
    <!--灰石色 -->
    <color name="olivedrab">#6B8E23</color>
    <!--深绿褐色 -->
    <color name="slateblue">#6A5ACD</color>
    <!--石蓝色 -->
    <color name="dimgray">#696969</color>
    <!--暗灰色 -->
    <color name="mediumaquamarine">#66CDAA</color>
    <!--中绿色 -->
    <color name="cornflowerblue">#6495ED</color>
    <!--菊兰色 -->
    <color name="cadetblue">#5F9EA0</color>
    <!--军兰色 -->
    <color name="darkolivegreen">#556B2F</color>
    <!--暗橄榄绿 -->
    <color name="indigo">#4B0082</color>
    <!--靛青色 -->
    <color name="mediumturquoise">#48D1CC</color>
    <!--中绿宝石 -->
    <color name="darkslateblue">#483D8B</color>
    <!--暗灰蓝色 -->
    <color name="steelblue">#4682B4</color>
    <!--钢兰色 -->
    <color name="royalblue">#4169E1</color>
    <!--皇家蓝 -->
    <color name="turquoise">#40E0D0</color>
    <!--青绿色 -->
    <color name="mediumseagreen">#3CB371</color>
    <!--中海蓝 -->
    <color name="limegreen">#32CD32</color>
    <!--橙绿色 -->
    <color name="darkslategray">#2F4F4F</color>
    <!--暗瓦灰色 -->
    <color name="seagreen">#2E8B57</color>
    <!--海绿色 -->
    <color name="forestgreen">#228B22</color>
    <!--森林绿 -->
    <color name="lightseagreen">#20B2AA</color>
    <!--亮海蓝色 -->
    <color name="dodgerblue">#1E90FF</color>
    <!--闪兰色 -->
    <color name="midnightblue">#191970</color>
    <!--中灰兰色 -->
    <color name="aqua">#00FFFF</color>
    <!--浅绿色 -->
    <color name="cyan">#00FFFF</color>
    <!--青色 -->
    <color name="springgreen">#00FF7F</color>
    <!--春绿色 -->
    <color name="lime">#00FF00</color>
    <!--酸橙色 -->
    <color name="mediumspringgreen">#00FA9A</color>
    <!--中春绿色 -->
    <color name="darkturquoise">#00CED1</color>
    <!--暗宝石绿 -->
    <color name="deepskyblue">#00BFFF</color>
    <!--深天蓝色 -->
    <color name="darkcyan">#008B8B</color>
    <!--暗青色 -->
    <color name="teal">#008080</color>
    <!--水鸭色 -->
    <color name="green">#008000</color>
    <!--绿色 -->
    <color name="darkgreen">#006400</color>
    <!--暗绿色 -->
    <color name="blue">#0000FF</color>
    <!--蓝色 -->
    <color name="mediumblue">#0000CD</color>
    <!--中兰色 -->
    <color name="darkblue">#00008B</color>
    <!--暗蓝色 -->
    <color name="navy">#000080</color>
    <!--海军色 -->
    <color name="black">#000000</color>
    <!--黑色 -->
    <color name="grassgreen">#99cc33</color>
    <!--草绿色 -->
    <color name="gray_cc">#cccccc</color>
    <!--灰色cc -->
    <color name="gray_8f">#8f8f8f</color>
    <!--灰色8f -->
</resources>

接着在strings.xml中修改归零按钮的名字

在这里插入图片描述

<resources>
    <string name="app_name">清除</string>
</resources>

最后是打开MainActivity.java文件,写入代码,初始化程序

(实现功能代码是参考他人改的,增添了很多我的注释,基本新代码都注释了,如有理解错误,请指出)

package com.example.test3;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.TextView;
import java.util.LinkedList;
import java.util.List;



public class MainActivity extends Activity {

    private final String TAG = "MainActivity";
    private final int STATE_INIT=0;           //输入第一个数字
    private final int STATE_EDITING=1;        //数字编辑阶段
    private final int STATE_RESULT=2;         //返回结果状态 不可以对数字修改 只可以进行运算 或重新开始一次新的运算
    List<StringBuffer> list;

    private int state;                                //输入框的状态
    private double result;
    private double cacheCount;
    char operate;
    TextView tv_display;
    StringBuffer sb;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);   //显示
        init();
    }

    /**
     * 程序初始化
     */
    private void init(){
        tv_display=(TextView)findViewById(R.id.tv_display);  //电子屏显示(即数字显示)
        list=new LinkedList<StringBuffer>();  //重构,链表List只存储StringBuffer类型,StringBuffer是String的升级
        result=0;
        cacheCount=0;
        operate='+';
        state=STATE_INIT;
        sb=new StringBuffer();  //创建对象实例
        tv_display.setText(sb);  //显示屏显示
    }

    public void onClick(View v){
        switch (v.getId()){
            case R.id.bt_0:  //button 0
                updateData('0');
                break;
            case R.id.bt_1:
                updateData('1');
                break;
            case R.id.bt_2:
                updateData('2');
                break;
            case R.id.bt_3:
                updateData('3');
                break;
            case R.id.bt_4:
                updateData('4');
                break;
            case R.id.bt_5:
                updateData('5');
                break;
            case R.id.bt_6:
                updateData('6');
                break;
            case R.id.bt_7:
                updateData('7');
                break;
            case R.id.bt_8:
                updateData('8');
                break;
            case R.id.bt_9:
                updateData('9');
                break;
            case R.id.bt_point:
                updateData('.');
                break;
            /*case R.id.bt_delete:  //退一格
                updateData('d');
                break; */
            case R.id.bt_add:
                updateData('+');
                break;
            case R.id.bt_minus:
                updateData('-');
                break;
            case R.id.bt_multiply:
                updateData('*');
                break;
            case R.id.bt_dividi:
                updateData('/');
                break;
            case R.id.bt_equal:
                updateData('=');
                break;
            case R.id.tv_init:  //清屏
                init();
                break;
        }
    }

    /**
     * 每通过按钮 传入该方法一个字符
     * 实现对数据的更新
     */
    public void updateData(char ch){
        if ((ch<='9'&& ch>='0')||ch=='.'){
            sb.append(ch);  //append方法的作用是在一个StringBuffer对象后面追加字符串,这里即在显示屏显示的sb后再+一个数,如9+7为97
            tv_display.setText(sb);
        }
        switch (ch){
            case 'd':                                           //删除,退一位
                if (sb.length()==0)
                    break;
                sb.deleteCharAt(sb.length() - 1);  //用来删除StringBuffer字符串指定索引字符的方法
                tv_display.setText(sb);
                break;
            case '+':
                if(sb.length()==0){
                    init();
                    break;
                }
                cacheCount=Double.parseDouble(sb.toString()); //把数字类型的字符串,转换成double类型
                operator(); //调用运算方法
                operate='+';
                break;
            case '-':
                if(sb.length()==0){
                    init();
                    break;
                }
                cacheCount=Double.parseDouble(sb.toString());
                operator();
                operate='-';
                break;
            case '*':
                if(sb.length()==0){
                    init();
                    break;
                }
                cacheCount=Double.parseDouble(sb.toString());
                operator();
                operate='*';
                break;
            case '/':
                if(sb.length()==0){
                    init();
                    break;
                }
                cacheCount=Double.parseDouble(sb.toString());
                operator();
                operate='/';
                break;
            case '=':
                if(sb.length()==0){
                    init();
                    break;
                }
                cacheCount=Double.parseDouble(sb.toString());
                operator();
                operate='+';
                cacheCount=0;
                result=0;
                break;
        }
        Log.d(TAG,cacheCount+"#"+result);
    }

    private void operator(){  //运算方法
        String str;
        switch (operate){
            case '+':
                result+=cacheCount;  //cacheCount是上述变成double型的数
                str= String.valueOf(result);  //把result转换成Double类型,在返回的时候new Double(),所以返回的是Double
                sb=new StringBuffer();
                //       state=STATE_RESULT;
                tv_display.setText(str);
                break;
            case '-':
                result-=cacheCount;
                str=String.valueOf(result);
                sb=new StringBuffer();
                //       state=STATE_RESULT;
                tv_display.setText(str);
                break;
            case '/':
                if(cacheCount==0){
                    tv_display.setText("除零错误");
                    init();
                    break;
                }
                result/=cacheCount;
                str=String.valueOf(result);
                sb=new StringBuffer();
                //       state=STATE_RESULT;
                tv_display.setText(str);
                break;
            case '*':
                result*=cacheCount;
                str=String.valueOf(result);
                sb=new StringBuffer();
                //       state=STATE_RESULT;
                tv_display.setText(str);
                break;
            case '=':
                result+=cacheCount;
                str= String.valueOf(result);
                sb=new StringBuffer();
                //       state=STATE_RESULT;
                tv_display.setText(str);
                cacheCount=0;
                result=0;
                break;
        }
    }


}

附上AndroidManifest.xml文件代码

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.test3">

    <application
        android:allowBackup="true"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name="com.example.test3.MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

最后运行程序,一切正常

在这里插入图片描述

  • 4
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值