devbox
从前慢现在也慢
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

安卓实验-设计三种计算器的UI_安卓做运算器的页面设计

作者：从前慢现在也慢 | 2024-03-20 08:15:38

赞

踩

安卓做运算器的页面设计

 目录

界面展示：

主活动页面：

简单计算器：

科学计算器

程序计算器

 代码实现：

后端代码：

前端代码：

因为我本人觉得这种看起来整齐的页面用线性布局更加简单理解，故我均采用了线性布局。当然利用其他布局也可以完成。

界面展示：

主活动页面：

  • 简单计算器：

 科学计算器

 程序计算器

 代码实现：

后端代码：

MainActivity.java：

  1. package com.example.mytest_1;
  2.  
  3. import androidx.appcompat.app.AppCompatActivity;
  4.  
  5. import android.content.Intent;
  6. import android.os.Bundle;
  7. import android.view.View;
  8. import android.widget.Button;
  9.  
  10. public class MainActivity extends AppCompatActivity implements View.OnClickListener {
  11.  
  12.     private Button button1;
  13.     private Button button2;
  14.     private Button button3;
  15.  
  16.     @Override
  17.     protected void onCreate(Bundle savedInstanceState) {
  18.         super.onCreate(savedInstanceState);
  19.         setContentView(R.layout.activity_main);
  20.         button1 = (Button) findViewById(R.id.button1);
  21.         button2 = (Button) findViewById(R.id.button2);
  22.         button3 = (Button) findViewById(R.id.button3);
  23.  
  24.         //设置监听器
  25.         button1.setOnClickListener(this);
  26.         button2.setOnClickListener(this);
  27.         button3.setOnClickListener(this);
  28.     }
  29.  
  30.     @Override
  31.     public void onClick(View view) {
  32.         //书写逻辑：利用显式intent实现页面的跳转
  33.         //获取按钮id，分别跳转不同的页面
  34.         switch (view.getId()) {
  35.             case R.id.button1:
  36.                 Intent in1 = new Intent(MainActivity.this, SimpleCalculator.class);
  37.                 startActivity(in1);
  38.                 break;
  39.             case R.id.button2:
  40.                 Intent in2 = new Intent(MainActivity.this, ScientificCalculator.class);
  41.                 startActivity(in2);
  42.                 break;
  43.             case R.id.button3:
  44.                 Intent in3 = new Intent(MainActivity.this, ProgramCalculator.class);
  45.                 startActivity(in3);
  46.                 break;
  47.             default:
  48.                 break;
  49.         }
  50.     }
  51. }

 ProgramCalculator.java

  1. package com.example.mytest_1;
  2.  
  3. import androidx.appcompat.app.AppCompatActivity;
  4.  
  5. import android.os.Bundle;
  6.  
  7. public class ProgramCalculator extends AppCompatActivity {
  8.  
  9.     @Override
  10.     protected void onCreate(Bundle savedInstanceState) {
  11.         super.onCreate(savedInstanceState);
  12.         setContentView(R.layout.activity_program_calculator);
  13.     }
  14. }

ScientificCalculator.java

  1. package com.example.mytest_1;
  2.  
  3. import androidx.appcompat.app.AppCompatActivity;
  4.  
  5. import android.os.Bundle;
  6.  
  7. public class ScientificCalculator extends AppCompatActivity {
  8.  
  9.     @Override
  10.     protected void onCreate(Bundle savedInstanceState) {
  11.         super.onCreate(savedInstanceState);
  12.         setContentView(R.layout.activity_scientific_calculator);
  13.     }
  14. }

SimpleCalculator.java

  1. package com.example.mytest_1;
  2.  
  3. import androidx.appcompat.app.AppCompatActivity;
  4.  
  5. import android.os.Bundle;
  6.  
  7. public class SimpleCalculator extends AppCompatActivity {
  8.  
  9.     @Override
  10.     protected void onCreate(Bundle savedInstanceState) {
  11.         super.onCreate(savedInstanceState);
  12.         setContentView(R.layout.activity_simple_calculator);
  13.     }
  14. }

前端代码：

主活动

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  6.  
  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="实验一:设计三种计算器的UI"
  11.         android:gravity="center"
  12.         android:textColor="#FF0000"
  13.         android:textSize="26sp" />
  14.  
  15.     <Button
  16.         android:id="@+id/button1"
  17.         android:layout_width="match_parent"
  18.         android:layout_height="wrap_content"
  19.         android:text="简单计算器" />
  20.  
  21.     <Button
  22.         android:id="@+id/button2"
  23.         android:layout_width="match_parent"
  24.         android:layout_height="wrap_content"
  25.         android:text="科学计算器" />
  26.  
  27.     <Button
  28.         android:id="@+id/button3"
  29.         android:layout_width="match_parent"
  30.         android:layout_height="wrap_content"
  31.         android:text="程序计算器" />
  32.  
  33.  
  34. </LinearLayout>

程序计算器

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  6.  
  7.     <LinearLayout
  8.         android:layout_width="match_parent"
  9.         android:layout_height="0dp"
  10.         android:layout_marginBottom="10dp"
  11.         android:layout_weight="1"
  12.         android:orientation="vertical">
  13.  
  14.         <TextView
  15.             android:layout_width="match_parent"
  16.             android:layout_height="match_parent"
  17.             android:background="@drawable/my_border"
  18.             android:gravity="center|right"
  19.             android:hint="0 "
  20.             android:textSize="56sp" />
  21.  
  22.     </LinearLayout>
  23.  
  24.     <!--    单选1-->
  25.     <LinearLayout
  26.         android:layout_width="match_parent"
  27.         android:layout_height="0dp"
  28.         android:layout_marginTop="10dp"
  29.         android:layout_weight="1"
  30.         android:orientation="vertical">
  31.  
  32.         <RadioGroup
  33.             android:layout_width="match_parent"
  34.             android:layout_height="match_parent"
  35.             android:background="@drawable/my_border"
  36.             android:orientation="horizontal">
  37.  
  38.             <RadioButton
  39.                 android:layout_width="0dp"
  40.                 android:layout_height="match_parent"
  41.                 android:layout_weight="1"
  42.                 android:text="十六进制"
  43.                 android:textSize="25dp" />
  44.  
  45.             <RadioButton
  46.                 android:layout_width="0dp"
  47.                 android:layout_height="match_parent"
  48.                 android:layout_weight="1"
  49.                 android:text="十进制"
  50.                 android:textSize="25dp" />
  51.  
  52.             <RadioButton
  53.                 android:layout_width="0dp"
  54.                 android:layout_height="match_parent"
  55.                 android:layout_weight="1"
  56.                 android:text="八进制"
  57.                 android:textSize="25dp" />
  58.  
  59.             <RadioButton
  60.                 android:layout_width="0dp"
  61.                 android:layout_height="match_parent"
  62.                 android:layout_weight="1"
  63.                 android:text="二进制"
  64.                 android:textSize="25dp" />
  65.         </RadioGroup>
  66.  
  67.     </LinearLayout>
  68.  
  69.     <!--    单选2-->
  70.     <LinearLayout
  71.         android:layout_width="match_parent"
  72.         android:layout_height="0dp"
  73.         android:layout_marginTop="10dp"
  74.         android:layout_weight="1"
  75.         android:orientation="vertical">
  76.  
  77.         <RadioGroup
  78.             android:layout_width="match_parent"
  79.             android:layout_height="match_parent"
  80.             android:background="@drawable/my_border"
  81.             android:orientation="horizontal">
  82.  
  83.             <RadioButton
  84.                 android:layout_width="0dp"
  85.                 android:layout_height="match_parent"
  86.                 android:layout_weight="1"
  87.                 android:text="八字节"
  88.                 android:textSize="25dp" />
  89.  
  90.             <RadioButton
  91.                 android:layout_width="0dp"
  92.                 android:layout_height="match_parent"
  93.                 android:layout_weight="1"
  94.                 android:text="四字节"
  95.                 android:textSize="25dp" />
  96.  
  97.             <RadioButton
  98.                 android:layout_width="0dp"
  99.                 android:layout_height="match_parent"
  100.                 android:layout_weight="1"
  101.                 android:text="二字节"
  102.                 android:textSize="25dp" />
  103.  
  104.             <RadioButton
  105.                 android:layout_width="0dp"
  106.                 android:layout_height="match_parent"
  107.                 android:layout_weight="1"
  108.                 android:text="单字节"
  109.                 android:textSize="25dp" />
  110.         </RadioGroup>
  111.  
  112.     </LinearLayout>
  113.  
  114.     <LinearLayout
  115.         android:layout_width="match_parent"
  116.         android:layout_height="wrap_content"
  117.         android:orientation="vertical">
  118.  
  119.  
  120.         <!--上最外层-->
  121.         <LinearLayout
  122.             android:layout_width="match_parent"
  123.             android:layout_height="wrap_content"
  124.             android:layout_weight="3"
  125.             android:background="@drawable/my_border"
  126.             android:orientation="vertical">
  127.  
  128.  
  129.             <!--上-第一行-->
  130.             <LinearLayout
  131.                 android:layout_width="match_parent"
  132.                 android:layout_height="wrap_content"
  133.                 android:orientation="horizontal">
  134.  
  135.                 <Button
  136.                     android:layout_width="0dp"
  137.                     android:layout_height="wrap_content"
  138.                     android:layout_marginLeft="10dp"
  139.                     android:layout_marginRight="10dp"
  140.                     android:layout_weight="1"
  141.                     android:text="NOT" />
  142.  
  143.                 <Button
  144.                     android:layout_width="0dp"
  145.                     android:layout_height="wrap_content"
  146.                     android:layout_marginRight="10dp"
  147.                     android:layout_weight="1"
  148.                     android:text="AND" />
  149.  
  150.                 <Button
  151.                     android:layout_width="0dp"
  152.                     android:layout_height="wrap_content"
  153.                     android:layout_marginRight="10dp"
  154.                     android:layout_weight="1"
  155.                     android:text="OR" />
  156.  
  157.                 <Button
  158.                     android:layout_width="0dp"
  159.                     android:layout_height="wrap_content"
  160.                     android:layout_marginRight="10dp"
  161.                     android:layout_weight="1"
  162.                     android:text="XOR" />
  163.             </LinearLayout>
  164.             <!--上-第二行-->
  165.             <LinearLayout
  166.                 android:layout_width="match_parent"
  167.                 android:layout_height="wrap_content"
  168.                 android:orientation="horizontal">
  169.  
  170.                 <Button
  171.                     android:layout_width="0dp"
  172.                     android:layout_height="wrap_content"
  173.                     android:layout_marginLeft="10dp"
  174.                     android:layout_marginRight="10dp"
  175.                     android:layout_weight="1"
  176.                     android:text="循环左移" />
  177.  
  178.                 <Button
  179.                     android:layout_width="0dp"
  180.                     android:layout_height="wrap_content"
  181.                     android:layout_marginRight="10dp"
  182.                     android:layout_weight="1"
  183.                     android:text="循环右移" />
  184.  
  185.                 <Button
  186.                     android:layout_width="0dp"
  187.                     android:layout_height="wrap_content"
  188.                     android:layout_marginRight="10dp"
  189.                     android:layout_weight="1"
  190.                     android:text="左    移" />
  191.  
  192.                 <Button
  193.                     android:layout_width="0dp"
  194.                     android:layout_height="wrap_content"
  195.                     android:layout_marginRight="10dp"
  196.                     android:layout_weight="1"
  197.                     android:text="M  O  D" />
  198.             </LinearLayout>
  199.             <!--上-第三行-->
  200.             <LinearLayout
  201.                 android:layout_width="match_parent"
  202.                 android:layout_height="wrap_content"
  203.                 android:orientation="horizontal">
  204.  
  205.                 <Button
  206.                     android:layout_width="0dp"
  207.                     android:layout_height="wrap_content"
  208.                     android:layout_marginLeft="10dp"
  209.                     android:layout_marginRight="10dp"
  210.                     android:layout_weight="1"
  211.                     android:text="无符号左移" />
  212.  
  213.                 <Button
  214.                     android:layout_width="0dp"
  215.                     android:layout_height="wrap_content"
  216.                     android:layout_marginRight="10dp"
  217.                     android:layout_weight="1"
  218.                     android:text="无符号右移" />
  219.  
  220.  
  221.             </LinearLayout>
  222.  
  223.  
  224.  
  225.         </LinearLayout>
  226.  
  227.         <!--下最外层-->
  228.         <LinearLayout
  229.             android:layout_width="match_parent"
  230.             android:layout_height="wrap_content"
  231.             android:layout_weight="6"
  232.             android:background="@drawable/my_border"
  233.             android:orientation="vertical">
  234.             <!--下-第一行-->
  235.             <LinearLayout
  236.                 android:layout_width="match_parent"
  237.                 android:layout_height="wrap_content"
  238.                 android:orientation="horizontal">
  239.  
  240.                 <Button
  241.                     android:layout_width="0dp"
  242.                     android:layout_height="wrap_content"
  243.                     android:layout_marginLeft="10dp"
  244.                     android:layout_marginRight="10dp"
  245.                     android:layout_weight="1"
  246.                     android:text="退格" />
  247.  
  248.                 <Button
  249.                     android:layout_width="0dp"
  250.                     android:layout_height="wrap_content"
  251.                     android:layout_marginRight="10dp"
  252.                     android:layout_weight="1"
  253.                     android:text="清除" />
  254.  
  255.                 <Button
  256.                     android:layout_width="0dp"
  257.                     android:layout_height="wrap_content"
  258.                     android:layout_marginRight="10dp"
  259.                     android:layout_weight="1"
  260.                     android:text="9" />
  261.  
  262.                 <Button
  263.                     android:layout_width="0dp"
  264.                     android:layout_height="wrap_content"
  265.                     android:layout_marginRight="10dp"
  266.                     android:layout_weight="1"
  267.                     android:text="±" />
  268.             </LinearLayout>
  269.             <!--下-第二行-->
  270.             <LinearLayout
  271.                 android:layout_width="match_parent"
  272.                 android:layout_height="wrap_content"
  273.                 android:orientation="horizontal">
  274.  
  275.                 <Button
  276.                     android:layout_width="0dp"
  277.                     android:layout_height="wrap_content"
  278.                     android:layout_marginLeft="10dp"
  279.                     android:layout_marginRight="10dp"
  280.                     android:layout_weight="1"
  281.                     android:text="6" />
  282.  
  283.                 <Button
  284.                     android:layout_width="0dp"
  285.                     android:layout_height="wrap_content"
  286.                     android:layout_marginRight="10dp"
  287.                     android:layout_weight="1"
  288.                     android:text="7" />
  289.  
  290.                 <Button
  291.                     android:layout_width="0dp"
  292.                     android:layout_height="wrap_content"
  293.                     android:layout_marginRight="10dp"
  294.                     android:layout_weight="1"
  295.                     android:text="8" />
  296.  
  297.                 <Button
  298.                     android:layout_width="0dp"
  299.                     android:layout_height="wrap_content"
  300.                     android:layout_marginRight="10dp"
  301.                     android:layout_weight="1"
  302.                     android:text="+" />
  303.             </LinearLayout>
  304.             <!--下-第三行-->
  305.             <LinearLayout
  306.                 android:layout_width="match_parent"
  307.                 android:layout_height="wrap_content"
  308.                 android:orientation="horizontal">
  309.  
  310.                 <Button
  311.                     android:layout_width="0dp"
  312.                     android:layout_height="wrap_content"
  313.                     android:layout_marginLeft="10dp"
  314.                     android:layout_marginRight="10dp"
  315.                     android:layout_weight="1"
  316.                     android:text="3" />
  317.  
  318.                 <Button
  319.                     android:layout_width="0dp"
  320.                     android:layout_height="wrap_content"
  321.                     android:layout_marginRight="10dp"
  322.                     android:layout_weight="1"
  323.                     android:text="4" />
  324.  
  325.                 <Button
  326.                     android:layout_width="0dp"
  327.                     android:layout_height="wrap_content"
  328.                     android:layout_marginRight="10dp"
  329.                     android:layout_weight="1"
  330.                     android:text="5" />
  331.  
  332.                 <Button
  333.                     android:layout_width="0dp"
  334.                     android:layout_height="wrap_content"
  335.                     android:layout_marginRight="10dp"
  336.                     android:layout_weight="1"
  337.                     android:text="-" />
  338.             </LinearLayout>
  339.             <!--下-第四行-->
  340.             <LinearLayout
  341.                 android:layout_width="match_parent"
  342.                 android:layout_height="wrap_content"
  343.                 android:orientation="horizontal">
  344.  
  345.                 <Button
  346.                     android:layout_width="0dp"
  347.                     android:layout_height="wrap_content"
  348.                     android:layout_marginLeft="10dp"
  349.                     android:layout_marginRight="10dp"
  350.                     android:layout_weight="1"
  351.                     android:text="0" />
  352.  
  353.                 <Button
  354.                     android:layout_width="0dp"
  355.                     android:layout_height="wrap_content"
  356.                     android:layout_marginRight="10dp"
  357.                     android:layout_weight="1"
  358.                     android:text="1" />
  359.  
  360.                 <Button
  361.                     android:layout_width="0dp"
  362.                     android:layout_height="wrap_content"
  363.                     android:layout_marginRight="10dp"
  364.                     android:layout_weight="1"
  365.                     android:text="2" />
  366.  
  367.                 <Button
  368.                     android:layout_width="0dp"
  369.                     android:layout_height="wrap_content"
  370.                     android:layout_marginRight="10dp"
  371.                     android:layout_weight="1"
  372.                     android:text="*" />
  373.             </LinearLayout>
  374.             <!--下-第五行-->
  375.             <LinearLayout
  376.                 android:layout_width="match_parent"
  377.                 android:layout_height="wrap_content"
  378.                 android:orientation="horizontal">
  379.  
  380.                 <Button
  381.                     android:layout_width="0dp"
  382.                     android:layout_height="wrap_content"
  383.                     android:layout_marginLeft="10dp"
  384.                     android:layout_marginRight="10dp"
  385.                     android:layout_weight="1"
  386.                     android:text="A" />
  387.  
  388.                 <Button
  389.                     android:layout_width="0dp"
  390.                     android:layout_height="wrap_content"
  391.                     android:layout_marginRight="10dp"
  392.                     android:layout_weight="1"
  393.                     android:text="B" />
  394.  
  395.                 <Button
  396.                     android:layout_width="0dp"
  397.                     android:layout_height="wrap_content"
  398.                     android:layout_marginRight="10dp"
  399.                     android:layout_weight="1"
  400.                     android:text="C" />
  401.  
  402.                 <Button
  403.                     android:layout_width="0dp"
  404.                     android:layout_height="wrap_content"
  405.                     android:layout_marginRight="10dp"
  406.                     android:layout_weight="1"
  407.                     android:text="/" />
  408.             </LinearLayout>
  409.  
  410.             <!--下-第六行-->
  411.             <LinearLayout
  412.                 android:layout_width="match_parent"
  413.                 android:layout_height="wrap_content"
  414.                 android:orientation="horizontal">
  415.  
  416.                 <Button
  417.                     android:layout_width="0dp"
  418.                     android:layout_height="wrap_content"
  419.                     android:layout_marginLeft="10dp"
  420.                     android:layout_marginRight="10dp"
  421.                     android:layout_weight="1"
  422.                     android:text="D" />
  423.  
  424.                 <Button
  425.                     android:layout_width="0dp"
  426.                     android:layout_height="wrap_content"
  427.                     android:layout_marginRight="10dp"
  428.                     android:layout_weight="1"
  429.                     android:text="E" />
  430.  
  431.                 <Button
  432.                     android:layout_width="0dp"
  433.                     android:layout_height="wrap_content"
  434.                     android:layout_marginRight="10dp"
  435.                     android:layout_weight="1"
  436.                     android:text="F" />
  437.  
  438.                 <Button
  439.                     android:layout_width="0dp"
  440.                     android:layout_height="wrap_content"
  441.                     android:layout_marginRight="10dp"
  442.                     android:layout_weight="1"
  443.                     android:text="=" />
  444.             </LinearLayout>
  445.  
  446.         </LinearLayout>
  447.  
  448.  
  449.     </LinearLayout>
  450.  
  451.  
  452. </LinearLayout>

科学计算器

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  6.  
  7.     <LinearLayout
  8.         android:layout_width="match_parent"
  9.         android:layout_height="0dp"
  10.         android:layout_marginBottom="10dp"
  11.         android:layout_weight="1"
  12.         android:orientation="vertical">
  13.  
  14.         <TextView
  15.             android:layout_width="match_parent"
  16.             android:layout_height="match_parent"
  17.             android:background="@drawable/my_border"
  18.             android:gravity="center|right"
  19.             android:hint="0 "
  20.             android:textSize="56sp" />
  21.  
  22.     </LinearLayout>
  23.  
  24.     <!--    单选-->
  25.     <LinearLayout
  26.         android:layout_width="match_parent"
  27.         android:layout_height="0dp"
  28.         android:layout_marginTop="10dp"
  29.         android:layout_weight="1"
  30.         android:orientation="vertical">
  31.  
  32.         <RadioGroup
  33.             android:layout_width="match_parent"
  34.             android:layout_height="match_parent"
  35.             android:background="@drawable/my_border"
  36.             android:orientation="horizontal">
  37.  
  38.             <RadioButton
  39.                 android:layout_width="0dp"
  40.                 android:layout_height="match_parent"
  41.                 android:layout_weight="1"
  42.                 android:text="角度"
  43.                 android:textSize="25dp" />
  44.  
  45.             <RadioButton
  46.                 android:layout_width="0dp"
  47.                 android:layout_height="match_parent"
  48.                 android:layout_weight="1"
  49.                 android:text="弧度"
  50.                 android:textSize="25dp" />
  51.  
  52.             <RadioButton
  53.                 android:layout_width="0dp"
  54.                 android:layout_height="match_parent"
  55.                 android:layout_weight="1"
  56.                 android:text="梯度"
  57.                 android:textSize="25dp" />
  58.         </RadioGroup>
  59.  
  60.     </LinearLayout>
  61.  
  62.     <LinearLayout
  63.         android:layout_width="match_parent"
  64.         android:layout_height="wrap_content"
  65.         android:orientation="vertical">
  66.  
  67.  
  68.         <!--上最外层-->
  69.         <LinearLayout
  70.             android:layout_width="match_parent"
  71.             android:layout_height="wrap_content"
  72.             android:layout_weight="6"
  73.             android:background="@drawable/my_border"
  74.             android:orientation="vertical">
  75.  
  76.  
  77.             <!--上-第一行-->
  78.             <LinearLayout
  79.                 android:layout_width="match_parent"
  80.                 android:layout_height="wrap_content"
  81.                 android:orientation="horizontal">
  82.  
  83.                 <Button
  84.                     android:layout_width="0dp"
  85.                     android:layout_height="wrap_content"
  86.                     android:layout_marginLeft="10dp"
  87.                     android:layout_marginRight="10dp"
  88.                     android:layout_weight="1"
  89.                     android:text="SIN" />
  90.  
  91.                 <Button
  92.                     android:layout_width="0dp"
  93.                     android:layout_height="wrap_content"
  94.                     android:layout_marginRight="10dp"
  95.                     android:layout_weight="1"
  96.                     android:text="COS" />
  97.  
  98.                 <Button
  99.                     android:layout_width="0dp"
  100.                     android:layout_height="wrap_content"
  101.                     android:layout_marginRight="10dp"
  102.                     android:layout_weight="1"
  103.                     android:text="TAN" />
  104.  
  105.                 <Button
  106.                     android:layout_width="0dp"
  107.                     android:layout_height="wrap_content"
  108.                     android:layout_marginRight="10dp"
  109.                     android:layout_weight="1"
  110.                     android:text="COT" />
  111.             </LinearLayout>
  112.             <!--上-第二行-->
  113.             <LinearLayout
  114.                 android:layout_width="match_parent"
  115.                 android:layout_height="wrap_content"
  116.                 android:orientation="horizontal">
  117.  
  118.                 <Button
  119.                     android:layout_width="0dp"
  120.                     android:layout_height="wrap_content"
  121.                     android:layout_marginLeft="10dp"
  122.                     android:layout_marginRight="10dp"
  123.                     android:layout_weight="1"
  124.                     android:text="ASIN" />
  125.  
  126.                 <Button
  127.                     android:layout_width="0dp"
  128.                     android:layout_height="wrap_content"
  129.                     android:layout_marginRight="10dp"
  130.                     android:layout_weight="1"
  131.                     android:text="ACOS" />
  132.  
  133.                 <Button
  134.                     android:layout_width="0dp"
  135.                     android:layout_height="wrap_content"
  136.                     android:layout_marginRight="10dp"
  137.                     android:layout_weight="1"
  138.                     android:text="ATAN" />
  139.  
  140.                 <Button
  141.                     android:layout_width="0dp"
  142.                     android:layout_height="wrap_content"
  143.                     android:layout_marginRight="10dp"
  144.                     android:layout_weight="1"
  145.                     android:text="ACOT" />
  146.             </LinearLayout>
  147.             <!--上-第三行-->
  148.             <LinearLayout
  149.                 android:layout_width="match_parent"
  150.                 android:layout_height="wrap_content"
  151.                 android:orientation="horizontal">
  152.  
  153.                 <Button
  154.                     android:layout_width="0dp"
  155.                     android:layout_height="wrap_content"
  156.                     android:layout_marginLeft="10dp"
  157.                     android:layout_marginRight="10dp"
  158.                     android:layout_weight="1"
  159.                     android:text="SINH" />
  160.  
  161.                 <Button
  162.                     android:layout_width="0dp"
  163.                     android:layout_height="wrap_content"
  164.                     android:layout_marginRight="10dp"
  165.                     android:layout_weight="1"
  166.                     android:text="COSH" />
  167.  
  168.                 <Button
  169.                     android:layout_width="0dp"
  170.                     android:layout_height="wrap_content"
  171.                     android:layout_marginRight="10dp"
  172.                     android:layout_weight="1"
  173.                     android:text="TANH" />
  174.  
  175.                 <Button
  176.                     android:layout_width="0dp"
  177.                     android:layout_height="wrap_content"
  178.                     android:layout_marginRight="10dp"
  179.                     android:layout_weight="1"
  180.                     android:text="COTH" />
  181.             </LinearLayout>
  182.             <!--上-第四行-->
  183.             <LinearLayout
  184.                 android:layout_width="match_parent"
  185.                 android:layout_height="wrap_content"
  186.                 android:orientation="horizontal">
  187.  
  188.                 <Button
  189.                     android:layout_width="0dp"
  190.                     android:layout_height="wrap_content"
  191.                     android:layout_marginLeft="10dp"
  192.                     android:layout_marginRight="10dp"
  193.                     android:layout_weight="1"
  194.                     android:text="ASINH" />
  195.  
  196.                 <Button
  197.                     android:layout_width="0dp"
  198.                     android:layout_height="wrap_content"
  199.                     android:layout_marginRight="10dp"
  200.                     android:layout_weight="1"
  201.                     android:text="ACOSH" />
  202.  
  203.                 <Button
  204.                     android:layout_width="0dp"
  205.                     android:layout_height="wrap_content"
  206.                     android:layout_marginRight="10dp"
  207.                     android:layout_weight="1"
  208.                     android:text="ATANH" />
  209.  
  210.                 <Button
  211.                     android:layout_width="0dp"
  212.                     android:layout_height="wrap_content"
  213.                     android:layout_marginRight="10dp"
  214.                     android:layout_weight="1"
  215.                     android:text="ACOTH" />
  216.             </LinearLayout>
  217.             <!--上-第五行-->
  218.             <LinearLayout
  219.                 android:layout_width="match_parent"
  220.                 android:layout_height="wrap_content"
  221.                 android:orientation="horizontal">
  222.  
  223.                 <Button
  224.                     android:layout_width="0dp"
  225.                     android:layout_height="wrap_content"
  226.                     android:layout_marginLeft="10dp"
  227.                     android:layout_marginRight="10dp"
  228.                     android:layout_weight="1"
  229.                     android:text="LN" />
  230.  
  231.                 <Button
  232.                     android:layout_width="0dp"
  233.                     android:layout_height="wrap_content"
  234.                     android:layout_marginRight="10dp"
  235.                     android:layout_weight="1"
  236.                     android:text="LOG10" />
  237.  
  238.                 <Button
  239.                     android:layout_width="0dp"
  240.                     android:layout_height="wrap_content"
  241.                     android:layout_marginRight="10dp"
  242.                     android:layout_weight="1"
  243.                     android:text="N!" />
  244.  
  245.                 <Button
  246.                     android:layout_width="0dp"
  247.                     android:layout_height="wrap_content"
  248.                     android:layout_marginRight="10dp"
  249.                     android:layout_weight="1"
  250.                     android:text="X^Y" />
  251.             </LinearLayout>
  252.             <!--上-第六行-->
  253.             <LinearLayout
  254.                 android:layout_width="match_parent"
  255.                 android:layout_height="wrap_content"
  256.                 android:orientation="horizontal">
  257.  
  258.                 <Button
  259.                     android:layout_width="0dp"
  260.                     android:layout_height="wrap_content"
  261.                     android:layout_marginLeft="10dp"
  262.                     android:layout_marginRight="10dp"
  263.                     android:layout_weight="1"
  264.                     android:text="E^X" />
  265.  
  266.                 <Button
  267.                     android:layout_width="0dp"
  268.                     android:layout_height="wrap_content"
  269.                     android:layout_marginRight="10dp"
  270.                     android:layout_weight="1"
  271.                     android:text="Π" />
  272.  
  273.                 <Button
  274.                     android:layout_width="0dp"
  275.                     android:layout_height="wrap_content"
  276.                     android:layout_marginRight="10dp"
  277.                     android:layout_weight="1"
  278.                     android:text="(" />
  279.  
  280.                 <Button
  281.                     android:layout_width="0dp"
  282.                     android:layout_height="wrap_content"
  283.                     android:layout_marginRight="10dp"
  284.                     android:layout_weight="1"
  285.                     android:text=")" />
  286.             </LinearLayout>
  287.  
  288.  
  289.         </LinearLayout>
  290.  
  291.         <!--下最外层-->
  292.         <LinearLayout
  293.             android:layout_width="match_parent"
  294.             android:layout_height="wrap_content"
  295.             android:layout_weight="5"
  296.             android:background="@drawable/my_border"
  297.             android:orientation="vertical">
  298.             <!--下-第一行-->
  299.             <LinearLayout
  300.                 android:layout_width="match_parent"
  301.                 android:layout_height="wrap_content"
  302.                 android:orientation="horizontal">
  303.  
  304.                 <Button
  305.                     android:layout_width="0dp"
  306.                     android:layout_height="wrap_content"
  307.                     android:layout_marginLeft="10dp"
  308.                     android:layout_marginRight="10dp"
  309.                     android:layout_weight="1"
  310.                     android:text="退格" />
  311.  
  312.                 <Button
  313.                     android:layout_width="0dp"
  314.                     android:layout_height="wrap_content"
  315.                     android:layout_marginRight="10dp"
  316.                     android:layout_weight="1"
  317.                     android:text="清除" />
  318.  
  319.                 <Button
  320.                     android:layout_width="0dp"
  321.                     android:layout_height="wrap_content"
  322.                     android:layout_marginRight="10dp"
  323.                     android:layout_weight="1"
  324.                     android:text="±" />
  325.  
  326.                 <Button
  327.                     android:layout_width="0dp"
  328.                     android:layout_height="wrap_content"
  329.                     android:layout_marginRight="10dp"
  330.                     android:layout_weight="1"
  331.                     android:text="+" />
  332.             </LinearLayout>
  333.             <!--下-第二行-->
  334.             <LinearLayout
  335.                 android:layout_width="match_parent"
  336.                 android:layout_height="wrap_content"
  337.                 android:orientation="horizontal">
  338.  
  339.                 <Button
  340.                     android:layout_width="0dp"
  341.                     android:layout_height="wrap_content"
  342.                     android:layout_marginLeft="10dp"
  343.                     android:layout_marginRight="10dp"
  344.                     android:layout_weight="1"
  345.                     android:text="7" />
  346.  
  347.                 <Button
  348.                     android:layout_width="0dp"
  349.                     android:layout_height="wrap_content"
  350.                     android:layout_marginRight="10dp"
  351.                     android:layout_weight="1"
  352.                     android:text="8" />
  353.  
  354.                 <Button
  355.                     android:layout_width="0dp"
  356.                     android:layout_height="wrap_content"
  357.                     android:layout_marginRight="10dp"
  358.                     android:layout_weight="1"
  359.                     android:text="9" />
  360.  
  361.                 <Button
  362.                     android:layout_width="0dp"
  363.                     android:layout_height="wrap_content"
  364.                     android:layout_marginRight="10dp"
  365.                     android:layout_weight="1"
  366.                     android:text="-" />
  367.             </LinearLayout>
  368.             <!--下-第三行-->
  369.             <LinearLayout
  370.                 android:layout_width="match_parent"
  371.                 android:layout_height="wrap_content"
  372.                 android:orientation="horizontal">
  373.  
  374.                 <Button
  375.                     android:layout_width="0dp"
  376.                     android:layout_height="wrap_content"
  377.                     android:layout_marginLeft="10dp"
  378.                     android:layout_marginRight="10dp"
  379.                     android:layout_weight="1"
  380.                     android:text="4" />
  381.  
  382.                 <Button
  383.                     android:layout_width="0dp"
  384.                     android:layout_height="wrap_content"
  385.                     android:layout_marginRight="10dp"
  386.                     android:layout_weight="1"
  387.                     android:text="5" />
  388.  
  389.                 <Button
  390.                     android:layout_width="0dp"
  391.                     android:layout_height="wrap_content"
  392.                     android:layout_marginRight="10dp"
  393.                     android:layout_weight="1"
  394.                     android:text="6" />
  395.  
  396.                 <Button
  397.                     android:layout_width="0dp"
  398.                     android:layout_height="wrap_content"
  399.                     android:layout_marginRight="10dp"
  400.                     android:layout_weight="1"
  401.                     android:text="*" />
  402.             </LinearLayout>
  403.             <!--下-第四行-->
  404.             <LinearLayout
  405.                 android:layout_width="match_parent"
  406.                 android:layout_height="wrap_content"
  407.                 android:orientation="horizontal">
  408.  
  409.                 <Button
  410.                     android:layout_width="0dp"
  411.                     android:layout_height="wrap_content"
  412.                     android:layout_marginLeft="10dp"
  413.                     android:layout_marginRight="10dp"
  414.                     android:layout_weight="1"
  415.                     android:text="1" />
  416.  
  417.                 <Button
  418.                     android:layout_width="0dp"
  419.                     android:layout_height="wrap_content"
  420.                     android:layout_marginRight="10dp"
  421.                     android:layout_weight="1"
  422.                     android:text="2" />
  423.  
  424.                 <Button
  425.                     android:layout_width="0dp"
  426.                     android:layout_height="wrap_content"
  427.                     android:layout_marginRight="10dp"
  428.                     android:layout_weight="1"
  429.                     android:text="3" />
  430.  
  431.                 <Button
  432.                     android:layout_width="0dp"
  433.                     android:layout_height="wrap_content"
  434.                     android:layout_marginRight="10dp"
  435.                     android:layout_weight="1"
  436.                     android:text="/" />
  437.             </LinearLayout>
  438.             <!--下-第五行-->
  439.             <LinearLayout
  440.                 android:layout_width="match_parent"
  441.                 android:layout_height="wrap_content"
  442.                 android:orientation="horizontal">
  443.  
  444.                 <Button
  445.                     android:layout_width="0dp"
  446.                     android:layout_height="wrap_content"
  447.                     android:layout_marginLeft="10dp"
  448.                     android:layout_marginRight="10dp"
  449.                     android:layout_weight="1"
  450.                     android:text="0" />
  451.  
  452.                 <Button
  453.                     android:layout_width="0dp"
  454.                     android:layout_height="wrap_content"
  455.                     android:layout_marginRight="10dp"
  456.                     android:layout_weight="1"
  457.                     android:text="." />
  458.  
  459.                 <Button
  460.                     android:layout_width="0dp"
  461.                     android:layout_height="wrap_content"
  462.                     android:layout_marginRight="10dp"
  463.                     android:layout_weight="1"
  464.                     android:text="1/X" />
  465.  
  466.                 <Button
  467.                     android:layout_width="0dp"
  468.                     android:layout_height="wrap_content"
  469.                     android:layout_marginRight="10dp"
  470.                     android:layout_weight="1"
  471.                     android:text="=" />
  472.             </LinearLayout>
  473.  
  474.         </LinearLayout>
  475.  
  476.  
  477.     </LinearLayout>
  478.  
  479.  
  480. </LinearLayout>

简单计算器

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  6.  
  7.     <TextView
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:layout_marginTop="20dp"
  11.         android:background="@drawable/my_border"
  12.         android:gravity="center|right"
  13.         android:hint="0"
  14.         android:textSize="26sp" />
  15.  
  16.  
  17.     <!--第一行-->
  18.     <LinearLayout
  19.         android:layout_width="match_parent"
  20.         android:layout_height="wrap_content"
  21.         android:orientation="horizontal">
  22.  
  23.         <Button
  24.             android:layout_width="0dp"
  25.             android:layout_height="wrap_content"
  26.             android:layout_marginLeft="10dp"
  27.             android:layout_marginRight="10dp"
  28.             android:layout_weight="1"
  29.             android:text="退格" />
  30.  
  31.         <Button
  32.             android:layout_width="0dp"
  33.             android:layout_height="wrap_content"
  34.             android:layout_marginRight="10dp"
  35.             android:layout_weight="1"
  36.             android:text="清除" />
  37.  
  38.         <Button
  39.             android:layout_width="0dp"
  40.             android:layout_height="wrap_content"
  41.             android:layout_marginRight="10dp"
  42.             android:layout_weight="1"
  43.             android:text="±" />
  44.  
  45.         <Button
  46.             android:layout_width="0dp"
  47.             android:layout_height="wrap_content"
  48.             android:layout_marginRight="10dp"
  49.             android:layout_weight="1"
  50.             android:text="+" />
  51.     </LinearLayout>
  52.  
  53.     <!--第二行-->
  54.     <LinearLayout
  55.         android:layout_width="match_parent"
  56.         android:layout_height="wrap_content"
  57.         android:orientation="horizontal">
  58.  
  59.         <Button
  60.             android:layout_width="0dp"
  61.             android:layout_height="wrap_content"
  62.             android:layout_marginLeft="10dp"
  63.             android:layout_marginRight="10dp"
  64.             android:layout_weight="1"
  65.             android:text="7" />
  66.  
  67.         <Button
  68.             android:layout_width="0dp"
  69.             android:layout_height="wrap_content"
  70.             android:layout_marginRight="10dp"
  71.             android:layout_weight="1"
  72.             android:text="8" />
  73.  
  74.         <Button
  75.             android:layout_width="0dp"
  76.             android:layout_height="wrap_content"
  77.             android:layout_marginRight="10dp"
  78.             android:layout_weight="1"
  79.             android:text="9" />
  80.  
  81.         <Button
  82.             android:layout_width="0dp"
  83.             android:layout_height="wrap_content"
  84.             android:layout_marginRight="10dp"
  85.             android:layout_weight="1"
  86.             android:text="-" />
  87.     </LinearLayout>
  88.     <!--第三行-->
  89.     <LinearLayout
  90.         android:layout_width="match_parent"
  91.         android:layout_height="wrap_content"
  92.         android:orientation="horizontal">
  93.  
  94.         <Button
  95.             android:layout_width="0dp"
  96.             android:layout_height="wrap_content"
  97.             android:layout_marginLeft="10dp"
  98.             android:layout_marginRight="10dp"
  99.             android:layout_weight="1"
  100.             android:text="4" />
  101.  
  102.         <Button
  103.             android:layout_width="0dp"
  104.             android:layout_height="wrap_content"
  105.             android:layout_marginRight="10dp"
  106.             android:layout_weight="1"
  107.             android:text="5" />
  108.  
  109.         <Button
  110.             android:layout_width="0dp"
  111.             android:layout_height="wrap_content"
  112.             android:layout_marginRight="10dp"
  113.             android:layout_weight="1"
  114.             android:text="6" />
  115.  
  116.         <Button
  117.             android:layout_width="0dp"
  118.             android:layout_height="wrap_content"
  119.             android:layout_marginRight="10dp"
  120.             android:layout_weight="1"
  121.             android:text="*" />
  122.     </LinearLayout>
  123.     <!--第四行-->
  124.     <LinearLayout
  125.         android:layout_width="match_parent"
  126.         android:layout_height="wrap_content"
  127.         android:orientation="horizontal">
  128.  
  129.         <Button
  130.             android:layout_width="0dp"
  131.             android:layout_height="wrap_content"
  132.             android:layout_marginLeft="10dp"
  133.             android:layout_marginRight="10dp"
  134.             android:layout_weight="1"
  135.             android:text="1" />
  136.  
  137.         <Button
  138.             android:layout_width="0dp"
  139.             android:layout_height="wrap_content"
  140.             android:layout_marginRight="10dp"
  141.             android:layout_weight="1"
  142.             android:text="2" />
  143.  
  144.         <Button
  145.             android:layout_width="0dp"
  146.             android:layout_height="wrap_content"
  147.             android:layout_marginRight="10dp"
  148.             android:layout_weight="1"
  149.             android:text="3" />
  150.  
  151.         <Button
  152.             android:layout_width="0dp"
  153.             android:layout_height="wrap_content"
  154.             android:layout_marginRight="10dp"
  155.             android:layout_weight="1"
  156.             android:text="/" />
  157.     </LinearLayout>
  158.     <!--最后一行-->
  159.     <LinearLayout
  160.         android:layout_width="match_parent"
  161.         android:layout_height="wrap_content"
  162.         android:orientation="horizontal">
  163.  
  164.         <Button
  165.             android:layout_width="0dp"
  166.             android:layout_height="wrap_content"
  167.             android:layout_marginLeft="10dp"
  168.             android:layout_marginRight="10dp"
  169.             android:layout_weight="1"
  170.             android:text="0" />
  171.  
  172.         <Button
  173.             android:layout_width="0dp"
  174.             android:layout_height="wrap_content"
  175.             android:layout_marginRight="10dp"
  176.             android:layout_weight="1"
  177.             android:text="." />
  178.  
  179.         <Button
  180.             android:layout_width="0dp"
  181.             android:layout_height="wrap_content"
  182.             android:layout_marginRight="10dp"
  183.             android:layout_weight="1"
  184.             android:text="1/X" />
  185.  
  186.         <Button
  187.             android:layout_width="0dp"
  188.             android:layout_height="wrap_content"
  189.             android:layout_marginRight="10dp"
  190.             android:layout_weight="1"
  191.             android:text="=" />
  192.     </LinearLayout>
  193.  
  194.  
  195. </LinearLayout>

最后还有一个drawable资源 ：my_border.xml文件，该文件实现了一个轮廓，上述前端页面基本上都进行了引用

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <solid android:color="#00000000" />
  4.     <stroke
  5.         android:width="2dp"
  6.         android:color="#808080" />
  7.     <corners android:radius="5dp" />
  8. </shape>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/271917
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号