《移动项目实践》实验报告——初级控件

逃离我推掉我的手 2022-09-15 12:29 163阅读 0赞

# 实验目的 #

1、掌握Android屏幕显示与初级视图的相关知识；  
2、掌握包括屏幕显示基础、简单布局的用法、简单控件的用法、简单图形的用法

# 实验内容 #

以windows上的计算器为例，程序界面如下图所示：  
![在这里插入图片描述][c1ab96de1e25460dbc09bdaeee37c281.png]  
完成精简之后的Android版本的计算器效果  
![在这里插入图片描述][6d04e6853b604cacbba2dc6cb8d1cd7d.png]  
简单计算器的运算界面效果  
![在这里插入图片描述][a2fdd85f216f4e0f81f0cc2d836ce68b.png]

# 实验过程(实验的设计思路、关键源代码等) #

源代码：https://gitee.com/shentuzhigang/mini-project/tree/master/android-simple-calculator

Layout

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:orientation="vertical">
    
        <TextView android:layout_width="match_parent" android:layout_height="60dp" android:layout_weight="1" android:gravity="center" android:text="@string/title" android:textAlignment="center" android:textSize="24sp" />
    
        <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="120dp" android:layout_weight="1" android:textSize="20sp" android:padding="4sp" android:textColor="@color/black" android:background="@drawable/border" android:gravity="end|bottom" />
    
        <GridLayout android:id="@+id/keyboard" android:layout_width="match_parent" android:layout_height="560dp" android:layout_gravity="center_horizontal" android:layout_weight="1" android:columnCount="4" android:rowCount="5" android:useDefaultMargins="true">
    
            <Button android:id="@+id/button10" android:text="CE" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button11" android:text="÷" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button12" android:text="×" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button13" android:text="C" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button7" android:text="@string/_7" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button8" android:text="@string/_8" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button9" android:text="@string/_9" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button14" android:text="+" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button4" android:text="@string/_4" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button5" android:text="@string/_5" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button6" android:text="@string/_6" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button15" android:text="-" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button1" android:text="@string/_1" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button2" android:text="@string/_2" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button3" android:text="@string/_3" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button16" android:text="√" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button0" android:layout_row="4" android:layout_column="0" android:layout_columnSpan="2" android:text="@string/_0" android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button17" android:text="." android:layout_columnWeight="1" android:layout_rowWeight="1" />
    
            <Button android:id="@+id/button18" android:text="=" android:layout_columnWeight="1" android:layout_rowWeight="1" />
        </GridLayout>
    
    
    </LinearLayout>

MainActivity

package io.shentuzhigang.demo.calculator
    
    import androidx.appcompat.app.AppCompatActivity
    import android.os.Bundle
    import android.util.Log
    import android.view.View
    import android.widget.Button
    import android.widget.TextView
    
    class MainActivity : AppCompatActivity() { 
    
        private lateinit var textView: TextView
    
        private lateinit var bt_num0: Button
        private lateinit var bt_num1: Button
        private lateinit var bt_num2: Button
        private lateinit var bt_num3: Button
        private lateinit var bt_num4: Button
        private lateinit var bt_num5: Button
        private lateinit var bt_num6: Button
        private lateinit var bt_num7: Button
        private lateinit var bt_num8: Button
        private lateinit var bt_num9: Button
        private lateinit var bt_ce: Button
        private lateinit var bt_div: Button
        private lateinit var bt_mult: Button
        private lateinit var bt_minus: Button
        private lateinit var bt_plus: Button
        private lateinit var bt_equal: Button
        private lateinit var bt_dot: Button
        private lateinit var bt_clear: Button
        private lateinit var bt_sqrt: Button
    
        override fun onCreate(savedInstanceState: Bundle?) { 
            super.onCreate(savedInstanceState)
            setContentView(R.layout.activity_main)
            this.textView = findViewById(R.id.textView)
            this.bt_num0 = findViewById(R.id.button0)
            this.bt_num0.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num1 = findViewById(R.id.button1)
            this.bt_num1.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num2 = findViewById(R.id.button2)
            this.bt_num2.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num3 = findViewById(R.id.button3)
            this.bt_num3.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num4 = findViewById(R.id.button4)
            this.bt_num4.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num5 = findViewById(R.id.button5)
            this.bt_num5.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num6 = findViewById(R.id.button6)
            this.bt_num6.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num7 = findViewById(R.id.button7)
            this.bt_num7.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num8 = findViewById(R.id.button8)
            this.bt_num8.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_num9 = findViewById(R.id.button9)
            this.bt_num9.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_ce = findViewById(R.id.button10)
            this.bt_ce.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
    
                }
            })
            this.bt_div = findViewById(R.id.button11)
            this.bt_div.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_mult = findViewById(R.id.button12)
            this.bt_mult.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_clear = findViewById(R.id.button13)
            this.bt_clear.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = ""
                }
            })
            this.bt_plus = findViewById(R.id.button14)
            this.bt_plus.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_minus = findViewById(R.id.button15)
            this.bt_minus.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_sqrt = findViewById(R.id.button16)
            this.bt_sqrt.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_dot = findViewById(R.id.button17)
            this.bt_dot.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
                    textView.text = textView.text.toString() + (v as Button).text
                }
            })
            this.bt_equal = findViewById(R.id.button18)
            this.bt_equal.setOnClickListener(object : View.OnClickListener{ 
                override fun onClick(v: View?) { 
    
                }
            })
        }
    }

# 实验结果(实验最终作品截图说明)![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAU3RhcnprZw_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center] #

# 实验心得 #

1、掌握Android屏幕显示与初级视图的相关知识；  
2、掌握包括屏幕显示基础、简单布局的用法、简单控件的用法、简单图形的用法

# 参考文章 #

*  [Android studio实验一——简单计算器的实现][Android studio]

[c1ab96de1e25460dbc09bdaeee37c281.png]: /images/20220828/e4c950098e24499da328983610fdd37b.png
[6d04e6853b604cacbba2dc6cb8d1cd7d.png]: /images/20220828/2168ce8028d14510ad18810e271f3b10.png
[a2fdd85f216f4e0f81f0cc2d836ce68b.png]: /images/20220828/8e644003b0af42a897a99c3cabae8ce3.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAU3RhcnprZw_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/4b45694f412f4cdd8bead023e461fb7c.png
[Android studio]: https://blog.csdn.net/lxjune1st61/article/details/88619012