Android studio设计简易计算器

本文实例为大家分享了Android studio设计简易计算器的具体代码,供大家参考,具体内容如下

效果显示:

第一步,简单的界面布局

<?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:orientation="vertical"
 tools:context=".MainActivity"
 android:background="#000000">

 <TextView
  android:id="@+id/text1"
  android:layout_width="match_parent"
  android:layout_height="170dp"
  android:layout_marginLeft="10dp"
  android:layout_marginTop="10dp"
  android:layout_marginRight="10dp"
  android:background="#ffffff"
  android:gravity="right|bottom"
  android:hint="0"
  android:paddingRight="5dp"
  android:textColor="#000000"
  android:textSize="40sp" />
 <LinearLayout
  android:id="@+id/relative"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_marginTop="10dp"
  android:layout_marginRight="10dp"
  android:layout_marginLeft="10dp"
  android:orientation="vertical">

  <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content">
  <Button
   android:id="@+id/btn_7"
   style="@style/ButtonStyle"
   android:text="@string/btn_7" />
  <Button
   android:id="@+id/btn_8"
   style="@style/ButtonStyle"
   android:text="@string/btn_8" />
  <Button
   android:id="@+id/btn_9"
   style="@style/ButtonStyle"
   android:text="@string/btn_9" />
  <Button
   android:id="@+id/btn_clear"
   style="@style/ButtonStyle"
   android:text="@string/btn_clear"/>
 </LinearLayout>
  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content">
   <Button
    android:id="@+id/btn_4"
    style="@style/ButtonStyle"
    android:text="@string/btn_4" />
   <Button
    android:id="@+id/btn_5"
    style="@style/ButtonStyle"
    android:text="@string/btn_5" />
   <Button
    android:id="@+id/btn_6"
    style="@style/ButtonStyle"
    android:text="@string/btn_6" />
   <Button
    android:id="@+id/btn_plus"
    style="@style/ButtonStyle"
    android:text="@string/btn_plus"/>
  </LinearLayout>
  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content">
   <Button
    android:id="@+id/btn_1"
    style="@style/ButtonStyle"
    android:text="@string/btn_1" />
   <Button
    android:id="@+id/btn_2"
    style="@style/ButtonStyle"
    android:text="@string/btn_2" />
   <Button
    android:id="@+id/btn_3"
    style="@style/ButtonStyle"
    android:text="@string/btn_3" />
   <Button
    android:id="@+id/btn_minus"
    style="@style/ButtonStyle"
    android:text="@string/btn_minus"/>
  </LinearLayout>
  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content">
   <Button
    android:id="@+id/btn_0"
    style="@style/ButtonStyle"
    android:text="@string/btn_0" />
   <Button
    android:id="@+id/btn_equal"
    style="@style/ButtonEqualStyle"
    android:text="@string/btn_equal" />
   <Button
    android:id="@+id/btn_divide"
    style="@style/ButtonStyle"
    android:text="@string/btn_divide" />
   <Button
    android:id="@+id/btn_multiply"
    style="@style/ButtonStyle"
    android:text="@string/btn_multiply"/>
  </LinearLayout>
 </LinearLayout>

</LinearLayout>

string.xml文件

<resources>
 <string name="app_name">计算器</string>
 <string name="text1">显示文本框</string>
 <string name="relative">布局</string>
 <string name="btn_1">1</string>
 <string name="btn_2">2</string>
 <string name="btn_3">3</string>
 <string name="btn_4">4</string>
 <string name="btn_5">5</string>
 <string name="btn_6">6</string>
 <string name="btn_7">7</string>
 <string name="btn_8">8</string>
 <string name="btn_9">9</string>
 <string name="btn_0">0</string>
 <string name="btn_clear">C</string>
 <string name="btn_plus">+</string>
 <string name="btn_minus">-</string>
 <string name="btn_multiply">×</string>
 <string name="btn_divide">÷</string>
 <string name="btn_equal">=</string>
</resources>

采用的是LinearLayout线性布局,而因为按钮的基本属性相同,所以采用使用样式的方式来设置,代码如下

<resources>
 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  <!-- Customize your theme here. -->
  <item name="colorPrimary">@color/colorPrimary</item>
  <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  <item name="colorAccent">@color/colorAccent</item>
 </style>
 <style name="ButtonBaseStyle">
  <item name="android:layout_width">40dp</item>
  <item name="android:layout_height">70dp</item>
  <item name="android:layout_margin">10dp</item>
  <item name="android:padding">10dp</item>
  <item name="android:textColor">@android:color/black</item>
  <item name="android:textSize">30sp</item>
 </style>
 <style name="ButtonStyle" parent="ButtonBaseStyle">
  <item name="android:background">@drawable/bg_selector</item>
  <item name="android:layout_weight">1</item>
 </style>
 <style name="ButtonEqualStyle" parent="ButtonBaseStyle">
  <item name="android:background">@drawable/ping_bg</item>
  <item name="android:layout_weight">1</item>
 </style>
</resources>

white_bg.xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="5dp"/>
 <solid android:color="#ffffff"/>
</shape>

pink_bg.xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="5dp"></corners>
 <solid android:color="#ee82ee"></solid>
</shape>

selector_bg.xml文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:drawable="@drawable/white_bg" android:state_pressed="false"></item>
 <item android:drawable="@drawable/ping_bg"
  android:state_pressed="true"></item>
</selector>

事件Java代码

为了简单快捷的给各个按钮设置监听事件,将按钮都放在一个数组里面,然后使用for语句给按钮添加监听事件。

在onClick()放中,首先会获取文本框的id(注意是文本框的id)。

然后获取文本框里面的输入。获取字符串后,使用switch或者for语句对点击的按钮进行判断,当只点击数字按钮0到9时,输入不会break掉,只会将前面所有的字符连接组成字符串显示在文本框里。

注意:如果点击的第一个数字是0,那么就只显示0后面输入的数字。

package com.example.exp3;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  int[] ids = {R.id.btn_0, R.id.btn_1, R.id.btn_2, R.id.btn_3, R.id.btn_4, R.id.btn_4,
    R.id.btn_5, R.id.btn_6, R.id.btn_7, R.id.btn_8, R.id.btn_9, R.id.btn_equal,
    R.id.btn_clear, R.id.btn_multiply, R.id.btn_minus, R.id.btn_divide, R.id.btn_plus};
  //将所有按钮整合成一个数组
  for (int i = 0; i < ids.length; i++)
   findViewById(ids[i]).setOnClickListener(this);//给每个按钮设置一个监听事件
 }
 @Override
 public void onClick(View v) {
  TextView tv_input = (TextView) findViewById(R.id.text1);
  Button btn = (Button)v;
  String str=tv_input.getText().toString();//获取xml那里的输入
  String strButton =btn.getText().toString();//点击按钮得到的文本
  switch (v.getId()){
   case R.id.btn_0:
   case R.id.btn_1:
   case R.id.btn_2:
   case R.id.btn_3:
   case R.id.btn_4:
   case R.id.btn_5:
   case R.id.btn_6:
   case R.id.btn_7:
   case R.id.btn_8:
   case R.id.btn_9:
    if (str.equals("0"))
     tv_input.setText(strButton);
    else
     tv_input.setText(str+strButton);
    break;
   case R.id.btn_clear:
    tv_input.setText("0");
    break;
   case R.id.btn_plus:
   case R.id.btn_minus:
   case R.id.btn_multiply:
   case R.id.btn_divide:
    tv_input.setText(str+strButton);
    break;
   case R.id.btn_equal:
    MyCalc obj=new MyCalc(str);
    double ret = obj.Calc();
    int Ret = (int)ret;
    if (ret == Ret)
     tv_input.setText(String.valueOf(Ret));
    else
     tv_input.setText(String.valueOf(ret));
    break;
  }
 }

 class MyCalc {
  private String input;

  public MyCalc(String input) {
   this.input = input;
  }

  public double Calc() {
   if (TextUtils.isEmpty(input))
    return 0;
   Pattern pattern = Pattern.compile("[+(×)(÷)/-]");
   String[] nums = pattern.split(input);
   Matcher matcher = pattern.matcher(input);
   if (matcher.find() == false)
    return 0;
   String op = matcher.group(0);
   double first = Double.parseDouble(nums[0]);
   double second = Double.parseDouble(nums[1]);
   double sum = 0;
   try {
    switch (op) {
     case "+":
      sum = first + second;
      break;
     case "-":
      sum = first - second;
      break;
     case "×":
      sum = first * second;
      break;
     case "÷":
      sum = first / second;
      break;
    }
   } catch (Exception e) {
    Toast.makeText(MainActivity.this, "出错", Toast.LENGTH_LONG).show();
   }
   return sum;
  }
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android studio实现计算器

    本文实例为大家分享了android studio实现计算器的具体代码,供大家参考,具体内容如下 效果图: 资源文件: color.xml <?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark&

  • Android Studio实现简易计算器

    如果是制作简易计算器的话是基本没有难点的,供大家参考,具体内容如下 步骤是先写好界面布局,将按钮的布局.字号颜色啥的做好,再就是设置监听器. 使用了NoTitleBar的主题 代码如下: activity_main里关于界面的代码: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/a

  • Android studio设计简易计算器

    本文实例为大家分享了Android studio设计简易计算器的具体代码,供大家参考,具体内容如下 效果显示: 第一步,简单的界面布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.and

  • Android Studio实现简易计算器设计

    本文实例为大家分享了Android Studio实现简易计算器的具体代码,供大家参考,具体内容如下 一.题目 1.如图所示(实际设计,类似此界面样式即可,全屏时,按钮将会纵向拉伸),利用网格布局管理器设计一个居中.满屏计算器,项目名称:clc666b:(666,改成自己的实际编号) 2.加.乘分别用2个单选按钮进行选择: 3.为clc666b编写程序(clc666a不需要编程,只设计界面即可),根据选择的加(乘)单选按钮,实现两个数的加法和乘法的简单计算. 4.为了简化程序设计,上方的数据区也可

  • Android studio实现简易计算器App功能

    在Android studio实现简易计算器App并实现加减乘除功能,供大家参考,具体内容如下 结果 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       android:layout_width="ma

  • Android studio制作简易计算器功能

    本文实例为大家分享了Android studio制作简易计算器的具体代码,供大家参考,具体内容如下 布局如下: 布局文件代码: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.andro

  • Android Studio实现简易计算器App (Java语言版)

    本文实例为大家分享了Android Studio实现简易计算器App的具体代码,供大家参考,具体内容如下 效果演示 布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical&qu

  • Android Studio实现简易计算器源码

    本文实例为大家分享了Android Studio实现简易计算器的具体代码,供大家参考,具体内容如下 效果图: 源码: 布局样式: <?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="horizontal&

  • 用Android studio实现简易计算器功能

    用Android studio做一个简易计算器,供大家参考,具体内容如下 长话短说,先建立一个Android项目: 创建完成后打开activity_main.xml,构建我们的应用界面,输入以下代码: <?xml version="1.0" encoding="utf-8"?> <GridLayout  xmlns:android="http://schemas.android.com/apk/res/android"    

  • Android Studio实现简易计算器(表格布局TableLayout)

    这是一个运用网格布局来做的简易计算器,可能没有那么美观,大家可以继续完善 首先先看看成果吧 首先先建一个新的Project Calculator 然后先编写颜色背景文件 创建一个gray.xml,哪里创建呢?如图 在drawable下右击,选择new–Drawable resource file 第一个是文件名字,第二个属性可以自己选择,我们这里前两个文件选择shape,第三个文件选selector,附上颜色背景代码 gray.xml <?xml version="1.0" en

  • android studio实现简易的计算器

    本文实例为大家分享了android studio实现简易计算器的具体代码,供大家参考,具体内容如下 先看效果图 基本功能:加,减,乘,除 核心代码实现 public class MainActivity extends AppCompatActivity implements View.OnClickListener {     Button btn_0, btn_1, btn_2, btn_3, btn_4, btn_5, btn_6, btn_7, btn_8, btn_9, btn_pt;

随机推荐