Android学习第二天——计算器

于 2024-01-25 23:58:39 发布
阅读量162 收藏
点赞数 3
分类专栏： Android 文章标签： android 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79266058/article/details/135849392
版权
本文详细介绍了如何在Android应用中使用XML和Java代码实现一个基础的计算器界面，涉及控件如LinearLayout、GridLayout、ScrollView、TextView和Button，以及相关的事件处理和四则运算功能。
摘要由CSDN通过智能技术生成

一·、界面编码
简单计算器界面

1.简单计算器用到的控件

  • 线性布局LinearLayout：计算器整体布局是从上到下排列着的。
  • 网格布局GridLayout：计算器下半部分的几排按钮，正好成五行四列表格分布。
  • 滚动视图ScrollView：计算机界面如果超出屏幕大小，就要支持滚动。
  • 文本视图TextView：文字靠下靠右显示。
  • 按钮Button：用于0-9的数字按键，以及加减乘除等运算按键。
  • 图像按钮ImageButton：开根号的运算符。
    2.XML编写
    calculate.XML:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    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:text="@string/simple_calculator"
                android:gravity="center"
                android:textColor="@color/black"
                android:textSize="20sp"/>
            <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_cancle"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/cancle"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <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"/>
                <Button
                    android:id="@+id/btn_sqrt"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="根号" />
                <Button
                    android:id="@+id/btn_reciprocal"
                    android:layout_width="0dp"
                    android:layout_height="@dimen/button_height"
                    android:layout_columnWeight="1"
                    android:gravity="center"
                    android:text="@string/reciprocal"
                    android:textColor="@color/black"
                    android:textSize="@dimen/button_font_size"/>
                <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"/>
                <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"/>
                <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"/>
            </GridLayout>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

strings:

<!--    简单计算器的文本-->
    <string name="simple_calculator">简单计算器</string>
    <string name="cancle">CE</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="reciprocal">1/x</string>
    <string name="zero">0</string>
    <string name="dot">.</string>
    <string name="equal">=</string>

dimen:尺度

<dimen name="button_font_size">30sp</dimen>
    <dimen name="button_height">75dp</dimen>

Java代码：

package com.example.chapter03;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class CalculatorActivity extends AppCompatActivity implements View.OnClickListener {

    private TextView tv_result;
    //第一个操作数
    private String firstNum="";
    //运算符
    private String operator="";
    //第二个操作数
    private String secondNum="";
    //当前计算结果
    private String result="";
    //显示文本内容
    private String showText="";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_calculator);
        //从布局文件中获取名叫tv_result的文本视图。
        tv_result = findViewById(R.id.tv_result);
        //下面给每个按钮控件都注册了点击监听器
        findViewById(R.id.btn_cancle).setOnClickListener(this);
        findViewById(R.id.btn_divide).setOnClickListener(this);
        findViewById(R.id.btn_multiply).setOnClickListener(this);
        findViewById(R.id.btn_clear).setOnClickListener(this);
        findViewById(R.id.btn_seven).setOnClickListener(this);
        findViewById(R.id.btn_eight).setOnClickListener(this);
        findViewById(R.id.btn_nine).setOnClickListener(this);
        findViewById(R.id.btn_plus).setOnClickListener(this);
        findViewById(R.id.btn_four).setOnClickListener(this);
        findViewById(R.id.btn_five).setOnClickListener(this);
        findViewById(R.id.btn_six).setOnClickListener(this);
        findViewById(R.id.btn_minus).setOnClickListener(this);
        findViewById(R.id.btn_one).setOnClickListener(this);
        findViewById(R.id.btn_two).setOnClickListener(this);
        findViewById(R.id.btn_three).setOnClickListener(this);
        findViewById(R.id.btn_reciprocal).setOnClickListener(this);
        findViewById(R.id.btn_zero).setOnClickListener(this);
        findViewById(R.id.btn_sqrt).setOnClickListener(this);
        findViewById(R.id.btn_dot).setOnClickListener(this);
        findViewById(R.id.btn_zero).setOnClickListener(this);
        findViewById(R.id.btn_equal).setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        String inputText;
        //如果是开根号的按钮
        if (v.getId()==R.id.btn_sqrt){
            inputText="√";
        } else {
            //除了开根号之外的其他按钮
            inputText=((TextView) v).getText().toString();
        }
        switch (v.getId()){
            //点击了清除按钮
            case R.id.btn_clear:
                clear();
                break;
            //点击了取消按钮
            case R.id.btn_cancle:

                break;
            //点击了加、减、乘、除按钮
            case R.id.btn_plus:
            case R.id.btn_minus:
            case R.id.btn_multiply:
            case R.id.btn_divide:
                operator=inputText;//运算符
                refreshText(showText+operator);
                break;
            //点击了等号按钮
            case R.id.btn_equal:
                double calculate_result=calculateFour();
                refreshOperate(String.valueOf(calculate_result));
                refreshText(showText+ "=" +result);
                break;
            //点击了开根号按钮
            case R.id.btn_sqrt:
                double sqrt_result= Math.sqrt(Double.parseDouble(firstNum));
                refreshOperate(String.valueOf(sqrt_result));
                refreshText(showText+"√="+result);

                break;
            //点击了求倒数按钮
            case R.id.btn_reciprocal:
                double reciprocal_result=1.0/Double.parseDouble(firstNum);
                refreshOperate(String.valueOf(reciprocal_result));
                refreshText(showText+"/="+result);

                break;
            //点击了其它按钮，包括数字和小数点
            default:
                if (result.length()>0&&operator.equals("")){
                    clear();
                }
                if (operator.equals("")){
                    //无运算符，则继续拼接第一个操作数
                    firstNum=firstNum+inputText;
                }
               // 有运算符，则继续拼接第二个操作数
                else {
                    secondNum=secondNum+inputText;
                }

                //整数不需要前面的0
                if (showText.equals("0")&& !inputText.equals(".")){
                    refreshText(inputText);
                }
                else {
                    refreshText(showText+inputText);
                }

                break;
        }

    }

    //四则运算
    private double calculateFour() {
        switch (operator){
            case "＋":
                return Double.parseDouble(firstNum) + Double.parseDouble(secondNum);
            case "-":
                return Double.parseDouble(firstNum) - Double.parseDouble(secondNum);
            case "×":
                return Double.parseDouble(firstNum) * Double.parseDouble(secondNum);
            case "÷":
                return Double.parseDouble(firstNum) / Double.parseDouble(secondNum);

        }
        return 0;
    }
//清楚的方法
    private void clear(){
        refreshOperate("");
        refreshText("");
    }
    //刷新运算结果
    private void refreshOperate(String new_result){
        result=new_result;
        firstNum=result;
        secondNum="" ;
        operator="";
    }

    //刷新文本显示
    private void refreshText(String text){
        showText=text;
        tv_result.setText(showText);
    }
}

这只是一个简单的计算器哦！

有一个梦想
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于Android的计算器布局
12-10
简单的计算器布局，适合初学者，可以用真的可以用，适合
android的计算器简单布局————网格布局
董文武的博客
11-03 1129
首先先放出效果图： 我是用线性布局，中间插入网格布局。并将方向设置为垂直， &amp;lt;TextView android:layout_width=&quot;match_parent&quot; android:layout_height=&quot;50dp&quot; android:background=&quot;@dra
Android计算器布局
dh7995的博客
01-12 197
Android（安桌）计算器布局实现 ——解决整个屏幕方案 引言： 学完了android布局的几种方式，做了一个android计算器。 我在网上搜索了这方面的资料，发现了布局都有问题，没有充满整个屏幕，只是占了一个部分。 老师的建议是：设置字体的大小是关键。但是在我设置好字体大小问题，解决屏幕问题后，发现字体居然没有居中。在靠着水平...
Android实现计算器布局(表格布局)
孤夜的博客
03-22 8344
一:表格布局(TableLayout ) 二:表格布局属性 三:效果图 四:样式(Values下的styles.xml) <style name="ButtonStyle" > <item name="android:radius">10dp</item> <item name="android:textStyle"&...
Android小程序源代码——计算器
06-21
在Android平台上，开发一款计算器小程序是一项常见的任务，它涉及到Android应用程序的基本架构、用户界面...深入学习和理解这些知识点，不仅可以帮助你构建一个简单的计算器，还为更复杂的Android应用开发奠定了基础。
Android源码——计算器源码.zip
10-08
【Android 源码——计算器源码分析】 在Android平台上，计算器应用是一个常见的示例，它展示了基础的UI设计、事件处理以及简单的计算逻辑。这个压缩包中的"Android计算器源码"提供了一个深入理解Android应用开发的...
安卓Android源码——计算器源码.zip
10-14
"安卓Android源码——计算器源码.zip" 这个标题明确指出，这是一个关于Android操作系统的源代码项目，具体来说是计算器应用的源代码。这意味着我们可以期待找到一个实现了基本或高级计算功能的Android应用的完整代码...
用Eslipse开发Android案例（1）——计算器
04-22
程序下来链接：http://pan.baidu.com/s/1slvI4f7 主程序： “` package com.example; import c
Android studio——计算器demo
05-06
这个“Android studio——计算器demo”项目提供了一个简单的计算器应用实例，它可以帮助开发者熟悉Android开发环境、布局设计、事件处理以及基本的数学运算。 首先，我们需要了解Android Studio的工程结构。一个...
安卓计算器布局和逻辑代码
03-13
安卓计算器布局和逻辑代码,实现加减乘除求倒数功能，可以直接导入eclipse运行。
Android开发丶GridLayoutの一个简易精美的计算器界面
01-04
记录了Android开发的历程，本DEMO是通过GridLayout布局编写了一个精美简易的计算器界面，暂时还没计算的功能，后续会补上
Android-简易计算器-GridLayout布局
qq_63559792的博客
04-22 194
Android-简易计算器
Android实现计算器布局（四种布局方式）之LinearLayout线性布局
Julse的博客
03-31 9294
用LinearLayout实现计算器的布局主要使用它属性： android:orientation=”vertical” android:orientation=”horizontal”（通常水平
Android制作计算器布局
weixin_49216707的博客
04-20 2315
<TableLayout 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:stretchColumns="*" tools:context.
android简单计算器布局设置,Android,GridLayout布局（简易计算器）
weixin_36448964的博客
05-26 180
android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"android:rowCount="5"android:columnCount="4" >android:id="@+id/one"android:text="1"/>android...
android计算器工程布局,Android 计算器布局测试
weixin_34199764的博客
05-26 125
1 2 3 android:layout_width="match_parent"4 android:orientation="vertical"5 android:layout_height="match_parent">6 8 android:layout_weight="1"9 android:layout_height="wrap_content">10 ...
android开发计算机布局,Android开发计算器之布局
weixin_39946364的博客
05-27 305
学习了一段时间的安卓，现在开始操作一个小例子——计算器。相信我们的手机中都有计算器这个软件，但是你知道它是怎么进行具体操作的吗？其实我暂时也还不知道，现在就简单的布局来做一个小总结。对于一个软件，漂亮的用户界面(UI)总能给使用者留下深刻印象，这也是我们听了界面设计课之后应有的思想。对于Android这样的手机应用软件而言，用户界面更是不可忽略的。在Android中，View是所有可视化控件的基类...
【Android】安卓野路子学习项目之Android计算器（一）——界面布局
最新发布
m0_70857716的博客
09-30 1719
圆角矩形参考站内作者：jackiesky1206的文章使用软件：Android studio 的 2022.3.1 Patch 1 版本。
"基于Android的计算器功能实现——论文总结
第二部分对计算器系统和程序进行了深入的分析和设计。通过对计算器的功能和界面进行详细的规划，确保用户可以方便快捷地使用该应用程序。同时，该部分还介绍了程序的实现思路和设计原则，为后续的程序开发工作提供了...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值