Android入门之简易计算器（一）

已于 2022-10-25 15:34:09 修改
阅读量1.2k 收藏 6
点赞数 2
分类专栏： Android 文章标签： 1024程序员节 android 前端
于 2022-10-24 23:52:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52157830/article/details/127504587
版权

Android

Android入门之简易计算器（一）

文章目录

前言

以下内容为简易版计算器，如有出错部分，欢迎指正。

提示：如果你们上Android课的老师也布置了作业让写建议计算器，那么下面代码可供参考

一、项目结构

在这里插入图片描述

二、界面显示

在这里插入图片描述

三、前端界面

1.界面分布

计算器界面分为两部分，一是计算器表达式界面，二是按钮界面
界面要用到的控件如下：
线性布局LinearLayout：整体从上到下排列
网格布局GridLayout：分布五行四列的按钮
滚动视图ScrollView：界面超出屏幕大小可以支持滚动查看（按钮少的可以不用）
文本视图TextView：计算结果显示，文字要靠右下显示
按钮Button：0-9数字按钮，以及加减乘除等普通按钮
图像按钮ImageButton：开根号、求余、回退按钮要用图片显示（为了美观，求余按钮我后面替换成普通Button了）

表达式界面代码如下：

<TextView
                android:id="@+id/tv_result"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:gravity="right|bottom"
                android:lines="3"
                android:text="0"
                android:textColor="@color/black"
                android:textSize="25sp" />

按钮界面代码如下：

<GridLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:columnCount="4"
                android:rowCount="5">


                <Button
                    android:id="@+id/btn_baifen"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/baifen"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>
                <ImageButton
                    android:id="@+id/ib_sqrt"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:scaleType="centerInside"
                    android:src="@drawable/sqrt"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_clear"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/clear"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <ImageButton
                    android:id="@+id/ib_huitui"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:scaleType="centerInside"
                    android:src="@drawable/huitui"
                    tools:ignore="SpeakableTextPresentCheck"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_seven"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/seven"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_eight"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/eight"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_nine"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/nine"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"
                    />

                <Button
                    android:id="@+id/btn_minus"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/minus"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_four"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/four"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_five"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/five"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_six"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/six"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_plus"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/plus"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_one"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/one"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_two"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/two"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_three"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/three"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_divide"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/divide"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_zero"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/zero"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_dot"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/dot"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_equal"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/equal"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_multiply"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/multiply"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

            </GridLayout>

2.文本定义在了strings.xml里面

strings.xml代码如下：

<resources>
    <string name="app_name">FjrCalculator</string>
    <string name="simple_calculator">fjr的计算器</string>
    <string name="baifen">％</string>
    <string name="divide">÷</string>
    <string name="multiply">×</string>
    <string name="clear">C</string>
    <string name="seven">7</string>
    <string name="eight">8</string>
    <string name="nine">9</string>
    <string name="plus">＋</string>
    <string name="four">4</string>
    <string name="five">5</string>
    <string name="six">6</string>
    <string name="minus">－</string>
    <string name="one">1</string>
    <string name="two">2</string>
    <string name="three">3</string>
    <string name="zero">0</string>
    <string name="dot">.</string>
    <string name="equal">＝</string>
</resources>

3、圆形按钮创建

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:color="#eeeeee"
        android:width="3dip"/>
    <solid
        android:color="#FCFCFC"/>
    <size
        android:width="62dp"
        android:height="62dp"/>
</shape>

四、前端页面总代码

<?xml version="1.0" encoding="utf-8"?>
<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:background="#ffffff"
    android:orientation="vertical"
    android:padding="5dp">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#eeeeee"
                android:gravity="center"
                android:text="@string/simple_calculator"
                android:textColor="@color/black"
                android:textSize="30sp" />

            <TextView
                android:id="@+id/tv_result"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:gravity="right|bottom"
                android:lines="3"
                android:text="0"
                android:textColor="@color/black"
                android:textSize="25sp" />

            <GridLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:columnCount="4"
                android:rowCount="5">


                <Button
                    android:id="@+id/btn_baifen"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/baifen"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>
                <ImageButton
                    android:id="@+id/ib_sqrt"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:scaleType="centerInside"
                    android:src="@drawable/sqrt"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_clear"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/clear"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <ImageButton
                    android:id="@+id/ib_huitui"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:scaleType="centerInside"
                    android:src="@drawable/huitui"
                    tools:ignore="SpeakableTextPresentCheck"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_seven"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/seven"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_eight"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/eight"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_nine"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/nine"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"
                    />

                <Button
                    android:id="@+id/btn_minus"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/minus"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_four"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/four"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_five"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/five"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_six"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/six"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_plus"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/plus"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_one"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/one"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_two"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/two"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_three"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/three"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_divide"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/divide"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_zero"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/zero"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_dot"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/dot"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_equal"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/equal"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

                <Button
                    android:id="@+id/btn_multiply"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/multiply"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"
                    android:background="@drawable/round_button"/>

            </GridLayout>

        </LinearLayout>

    </ScrollView>

</LinearLayout>

以上部分为前端页面代码

五、后端页面代码

Android入门之简易计算器（二）

派大星子fff
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Android Studio 制作简易计算器，GitHub标星1w的Android架构师必备技能
m0_60721823的博客
03-24 1110
>Mainactivity的代码：//判断et中是否清空@Override//实例化对象//设置按钮的点击事件@Overridestr=“”;break;str=“”;break;str=“”;break;
Android控件与布局入门 - 简易计算器
08-02
Android控件与布局入门 - 简易计算器
Android实现计算器
qq_48496633的博客
07-28 381
这个简易计算器还有很多bug例如，没有判断错误情况，三操作数情况，负数，科学计算器的功能等等，有待完善。（仅用于对前段时间知识的总结）。
移动开发作业三：使用Android studio来实现简单的计算器
m0_65793218的博客
12-21 4616
在这个文件中，当控件处于被按下的状态时（state_pressed=true），会显示gray.xml所定义的样式，否则显示white.xml所定义的样式。在onCreate方法中，我们首先通过findViewById方法获取到布局中定义的各个按钮和文本框的引用，并为它们设置点击事件监听器（this），这里我只显示一部分因为内容大致一样。这个文件定义了一个背景色为白色（#ffffffff）的形状，并设置了圆角半径为5dp。这个文件定义了一个背景色为黄色（#FFB400）的形状，并设置了圆角半径为5dp。
Android入门：简单计算器的实现
L9102fun的博客
09-04 610
在学习了基本布局和点击监听后，可以写一个简单计算器，实现基础的演算功能。
Android简易计算器
YuJianWeiY的博客
03-29 325
用AndroidStudio设计的一款功能简单的计算器，进行两个运算数字之间的加减乘除运算。
Android Studio制作简单计算器
weixin_42370957的博客
10-31 2万+
学习了表格布局GridLayout，趁热打铁，利用GridLayout制作了一个计算器界面，以及实现了简单的计算功能。直接上效果图。 activity_main.xml布局文件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/ap...
Android APP + JAVA + 简易计算器 + 初学者开发
10-23
Android APP开发、初学者开发、JAVA开发，简易计算器应用，入门级代码
很简易的计算器 android入门开发
04-13
能够进行简单的四则运算，编起来很简单，就是布局不是那么漂亮的
Android简易计算器程序
10-07
本程序是适合Android可发者的入门程序，里面只使用到了Android中的两大组件Activity和Intent，实现了简单计算
Android 简易计算器 源码
04-05
自己写的Android简易计算器，对入门者有很大帮助。
安卓简单计算器
12-09
学习andriodstudio编程andriod程序，供也在学习的人共勉。
android计算器
10-22
android studio 计算器,渐变色背景,圆形控件,按键变色,带括号,用栈实现
Android Studio实现计算器
11-09
本课题要求学生完成一款计算器，从而了解基于android平台如何开发app应用，了解常见UI控件如何使用。 具体实现要求： Android计算器实现，支持加、减、乘、除、回退、清空等。 要求如下： 1、 支持加、减、乘、除、回退、清空、sin、cos、tan、(、) 、lg、ln等 2、 支持小数的加减乘除 3、 计算结果要正确
android简易计算器实现
08-18
android简易计算器实现 使用全局变量存储计算结果
android eclipse 编写的简易计算器
07-02
使用android eclipse 写的一个简易计算器
Android简单计算器
qq_52108058的博客
09-07 2330
实现简易计算器 线性布局实现计算器，一个线性垂直布局里嵌套多个线性水平布局，插入文本框，编辑框，按钮多个控件，通过layout_weight设置权重，调整位置。 2、colors.xml 3、strings.xml 4、图片 lufei.png sqrt.png
Android实现计算器功能
sfz1234567890的博客
06-22 1090
.xml文件： <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android=“http://schemas.android.com/apk/res/android” android:layout_width=“match_parent” android:layout_height=“match_parent” android:background="#D8ECF3"> <TextView an
Android入门项目（一）：BMI体质指数计算器
热门推荐
浅时光_XinLee
09-03 2万+
目标：开发一款体质指数计算器，实现输入身高体重即可判断体型是否正常 知识点：Activity；布局；基本组件的使用 BMI是体质指数，公认的一种评定个人体质肥胖程度的分级方法，具体的计算方法是以体重除以身高的平方公式如下 体质指数（BMI）=体重（kg）/身高（m）^2 实现BMI需要用户输入身高体重，并点击计算按钮，显示结果，使用EditText实现用户身高的输入，使用textv
Android应用开发简易计算器
最新发布
04-18
简易计算器是一个常见的Android应用开发项目，下面是一个简单的介绍： 一个简易计算器通常包含以下几个主要功能： 1. 数字输入：用户可以通过按钮或者键盘输入数字。 2. 运算符选择：用户可以选择加、减、乘、除等...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值