利用android studio制作简易的计算器_androidstudio做一个计算器使用tablelayout布局

Android Studio简介

Android Studio 是谷歌推出的一个Android集成开发工具，基于IntelliJ IDEA. 类似 Eclipse ADT，Android Studio 提供了集成的 Android 开发工具用于开发和调试。
在IDEA的基础上，Android Studio 增加了：

• 基于Gradle的构建支持
• Android 专属的重构和快速修复
• 提示工具以捕获性能、可用性、版本兼容性等问题
• 支持ProGuard 和应用签名
• 基于模板的向导来生成常用的 Android 应用设计和组件
• 功能强大的布局编辑器，可以让你拖拉 UI 控件并进行效果预览

正文

我这里提供一个计算器ui参考图：

设计思路

在设计的时候，我们可以根据要设计的程序，采用适合的布局，在Android中有七大布局，分别是:

• LinearLayout(线性布局)
• RelativeLayout(相对布局)
• TableLayout(表格布局)
• FrameLayout(帧布局)
• AbsoluteLayout(绝对布局)
• GridLayout(网格布局)
• ConstraintLayout(约束布局)

目前android最新的默认布局是ConstraintLayout(约束布局)

上代码

这么多布局中，最适合做计算器的，是网格布局，因为计算器中有很多按钮，如果用其他的布局会增加很多代码，其效果也是一样的。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_row="4"
    android:stretchColumns="3">
        <EditText
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:editable="false"
            android:inputType="number"
            android:textSize="30dp"
            android:background="@color/text_bk2">
        </EditText>
        
        <TableRow>
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text1"
                android:layout_weight="1"
                android:text="mc" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text1"
                android:layout_weight="1"
                android:text="m+" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text1"
                android:layout_weight="1"
                android:text="m-" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text1"
                android:layout_weight="1"
                android:text="mr" />
        </TableRow>

        <TableRow>
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text3"
                android:layout_weight="1"
                android:text="C" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text3"
                android:layout_weight="1"
                android:text="/" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text3"
                android:layout_weight="1"
                android:text="X" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text3"
                android:layout_weight="1"
                android:text="del" />
        </TableRow>
        
        <TableRow>
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="7" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="8" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="9" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text3"
                android:layout_weight="1"
                android:text="-" />
        </TableRow>

        <TableRow>
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="4" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="5" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="6" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text3"
                android:layout_weight="1"
                android:text="+" />
        </TableRow>

        <TableRow>
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="1" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="2" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="3" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk1"
                android:textColor="@color/text_text3"
                android:layout_weight="1"
                android:text="%" />
        </TableRow>

        <TableRow>
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="00" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="0" />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk2"
                android:textColor="@color/text_text2"
                android:layout_weight="1"
                android:text="." />
            <Button
                android:layout_width="0dp"
                android:layout_height="65dp"
                android:textSize="20dp"
                android:background="@color/text_bk3"
                android:textColor="@color/text_text4"
                android:layout_weight="1"
                android:text="=" />
        </TableRow>
    </TableLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225

colors.xml代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#6200EE</color>
    <color name="colorPrimaryDark">#3700B3</color>
    <color name="colorAccent">#03DAC5</color>
    <color name="text_bk1">#F5F5F5</color>
    <color name="text_bk2">#FCFCFC</color>
    <color name="text_bk3">#5ADCED</color>
    <color name="text_text1">#878787</color>
    <color name="text_text2">#000000</color>
    <color name="text_text3">#5ADCED</color>
    <color name="text_text4">#FCFCFC</color>
</resources>

1
2
3
4
5
6
7
8
9
10
11
12
13
14

运行结果：

---

我是ots-luo，码字不易，写教程也不易，如果觉得文章不错，可以点赞评论，感谢支持！！

---

更多文章记得关注我的博客
网站文章对应：点击传送

——————————END——————————