So erstellen Sie eine einfache Rechner-Android-App mit Android Studio

Veröffentlicht: 2017-07-06

In meinem vorherigen Artikel habe ich detaillierte Schritte zum Erstellen einer einfachen Android-Anwendung beschrieben. In dieser speziellen App habe ich auch Konzepte von Android-Buttons und grundlegende Konzepte von Android erklärt.

Alle meine anderen Artikel finden Sie im Android-Bereich.

In diesem Artikel erstellen wir eine calculator android app . Dies ist ein einfacher Taschenrechner mit eingeschränkter Funktionalität.

Bevor wir fortfahren, wäre es schön, das vollständige HelloWorld-Tutorial durchzugehen. Hier nochmal ein Link: Meine erste HelloWorld Android App

  • So erstellen Sie eine einfache Taschenrechner-App – vollständiges Tutorial
  • Erstellen eines einfachen Rechners mit Android Studio
  • Android-Entwicklung: Erstellen eines einfachen Rechners
  • Erstellen Sie eine einfache Rechner-Android-App
  • So erstellen Sie eine Rechner-App für Android

Beginnen wir mit unserer Taschenrechner-Android-App:

Schritt 1

  • Öffnen Sie Ihr Android-Studio
  • Klicken Sie auf Neues Android Studio-Projekt starten.
  • Geben Sie Ihren Anwendungsnamen CrunchifyCalculator und lassen Sie die anderen Felder leer, dann klicken Sie auf WEITER.

Schritt 2

  • Wählen Sie die Mindest-SDK API 15: Android 4.0.3(IceCreamSandwich) . Ich habe API 15 (IceCreamSandwich) ausgewählt, weil es fast 94 % des Geräts abdeckt und fast alle Funktionen hat. Wenn Sie das Gerät zu 100 % abdecken möchten, können Sie API 8: Android 2.2 (Froyo) auswählen.

Schritt 3

  • Wählen Sie die Empty Activity und klicken Sie auf WEITER.
  • Belassen Sie den Aktivitätsnamen MainActivity so wie er ist und lassen Sie alles so wie es ist. Klicken Sie auf Fertig stellen.

Schritt 4

  • Nachdem Sie auf „Fertig stellen“ geklickt haben, dauert es etwa 2 Minuten, um Aktivitäten und Dateien zu erstellen.
  • Hier ist eine endgültige Projektstruktur für Ihre Bewerbung.

Schritt-5

  • Jetzt müssen wir unseren Java-Code in unsere MainActivity.java-Datei einfügen.
  • Öffnen Sie MainActivity.java -Datei von der linken Seite der IDE (app -> java -> com.crunchify.tutorials.crunchifycalculator -> MainActivity.java)

Die Erklärung der hervorgehobenen Zeile finden Sie unter dem Code.

MainActivity.java
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
package com . crunchify . tutorials . crunchifycalculator ;
 
import android . os . Bundle ;
import android . support . v7 . app . AppCompatActivity ;
import android . view . View ;
import android . widget . Button ;
import android . widget . EditText ;
 
public class MainActivity extends AppCompatActivity {
 
     Button button0 , button1 , button2 , button3 , button4 , button5 , button6 ,
             button7 , button8 , button9 , buttonAdd , buttonSub , buttonDivision ,
             buttonMul , button10 , buttonC , buttonEqual ;
     EditText crunchifyEditText ;
 
     float mValueOne , mValueTwo ;
 
     boolean crunchifyAddition , mSubtract , crunchifyMultiplication , crunchifyDivision ;
 
     @ Override
     protected void onCreate ( Bundle savedInstanceState ) {
         super . onCreate ( savedInstanceState ) ;
         setContentView ( R . layout . activity_main ) ;
 
         button0 = ( Button ) findViewById ( R . id . button0 ) ;
         button1 = ( Button ) findViewById ( R . id . button1 ) ;
         button2 = ( Button ) findViewById ( R . id . button2 ) ;
         button3 = ( Button ) findViewById ( R . id . button3 ) ;
         button4 = ( Button ) findViewById ( R . id . button4 ) ;
         button5 = ( Button ) findViewById ( R . id . button5 ) ;
         button6 = ( Button ) findViewById ( R . id . button6 ) ;
         button7 = ( Button ) findViewById ( R . id . button7 ) ;
         button8 = ( Button ) findViewById ( R . id . button8 ) ;
         button9 = ( Button ) findViewById ( R . id . button9 ) ;
         button10 = ( Button ) findViewById ( R . id . button10 ) ;
         buttonAdd = ( Button ) findViewById ( R . id . buttonadd ) ;
         buttonSub = ( Button ) findViewById ( R . id . buttonsub ) ;
         buttonMul = ( Button ) findViewById ( R . id . buttonmul ) ;
         buttonDivision = ( Button ) findViewById ( R . id . buttondiv ) ;
         buttonC = ( Button ) findViewById ( R . id . buttonC ) ;
         buttonEqual = ( Button ) findViewById ( R . id . buttoneql ) ;
         crunchifyEditText = ( EditText ) findViewById ( R . id . edt1 ) ;
 
 
         button1 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "1" ) ;
             }
         } ) ;
 
         button2 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "2" ) ;
             }
         } ) ;
 
         button3 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "3" ) ;
             }
         } ) ;
 
         button4 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "4" ) ;
             }
         } ) ;
 
         button5 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "5" ) ;
             }
         } ) ;
 
         button6 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "6" ) ;
             }
         } ) ;
 
         button7 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "7" ) ;
             }
         } ) ;
 
         button8 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "8" ) ;
             }
         } ) ;
 
         button9 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "9" ) ;
             }
         } ) ;
 
         button0 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "0" ) ;
             }
         } ) ;
 
         buttonAdd . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
 
                 if ( crunchifyEditText == null ) {
                     crunchifyEditText . setText ( "" ) ;
                 } else {
                     mValueOne = Float . parseFloat ( crunchifyEditText . getText ( ) + "" ) ;
                     crunchifyAddition = true ;
                     crunchifyEditText . setText ( null ) ;
                 }
             }
         } ) ;
 
         buttonSub . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 mValueOne = Float . parseFloat ( crunchifyEditText . getText ( ) + "" ) ;
                 mSubtract = true ;
                 crunchifyEditText . setText ( null ) ;
             }
         } ) ;
 
         buttonMul . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 mValueOne = Float . parseFloat ( crunchifyEditText . getText ( ) + "" ) ;
                 crunchifyMultiplication = true ;
                 crunchifyEditText . setText ( null ) ;
             }
         } ) ;
 
         buttonDivision . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 mValueOne = Float . parseFloat ( crunchifyEditText . getText ( ) + "" ) ;
                 crunchifyDivision = true ;
                 crunchifyEditText . setText ( null ) ;
             }
         } ) ;
 
         buttonEqual . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 mValueTwo = Float . parseFloat ( crunchifyEditText . getText ( ) + "" ) ;
 
                 if ( crunchifyAddition == true ) {
                     crunchifyEditText . setText ( mValueOne + mValueTwo + "" ) ;
                     crunchifyAddition = false ;
                 }
 
                 if ( mSubtract == true ) {
                     crunchifyEditText . setText ( mValueOne - mValueTwo + "" ) ;
                     mSubtract = false ;
                 }
 
                 if ( crunchifyMultiplication == true ) {
                     crunchifyEditText . setText ( mValueOne * mValueTwo + "" ) ;
                     crunchifyMultiplication = false ;
                 }
 
                 if ( crunchifyDivision == true ) {
                     crunchifyEditText . setText ( mValueOne / mValueTwo + "" ) ;
                     crunchifyDivision = false ;
                 }
             }
         } ) ;
 
         buttonC . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( "" ) ;
             }
         } ) ;
 
         button10 . setOnClickListener ( new View . OnClickListener ( ) {
             @ Override
             public void onClick ( View v ) {
                 crunchifyEditText . setText ( crunchifyEditText . getText ( ) + "." ) ;
             }
         } ) ;
     }
}

Hier haben wir 1 EditText. Es definiert die Art des Inhalts.

Lassen Sie uns den Code ein bisschen besser verstehen.

  • Zeile 11 – 14: Hier haben wir die Referenz von Buttons und EditText erstellt.
  • Zeile 16: Hier haben wir zwei Float-Variablen für Wert1 und Wert2 erstellt.
  • Zeile 21: Wir überschreiben die Methode onCreate(), die die Methode der Activity-Klasse ist.
  • Zeile 45 – 50: Wir setzen onClickListener auf Button1. Wenn wir auf Button1 klicken, wird EditText angezeigt.
  • Wir haben die gleiche Logik für jede Schaltfläche implementiert.
  • Zeile 115 – 127: Hier haben wir den Klick-Listener auf die Schaltfläche Hinzufügen gesetzt.
  • Hier setzen wir die Bedingung wie folgt: Wenn EditText Null ist, setzen wir EditText als leeren Wert. Andernfalls addieren wir die beiden Werte, die vor dem Klicken auf die Schaltfläche "Hinzufügen" und nach dem Klicken auf die Schaltfläche "Hinzufügen" angeklickt werden.
  • Wir setzen auch den booleschen Wert von crunchifyAddition auf True. Dieses True stellt dar, dass auf die Schaltfläche „Hinzufügen“ geklickt wird, und dies wird verwendet, wenn der Benutzer auf die Schaltfläche „=“ klickt.
  • Wir implementieren die gleiche Logik auch für andere Schaltflächen wie buttonSub, ButtonMul, buttonDivision.
  • Zeile 156 – 183: Hier setzen wir clickListener auf die Schaltfläche „=“. Hier setzen wir eine Bedingung wie: Wenn der Benutzer auf die Schaltfläche „Hinzufügen“ klickt, wird der crunchifyAddition Wert auf dem Klick-Listener der Schaltfläche „Hinzufügen“ auf „Wahr“ gesetzt.
  • Dementsprechend wird die entsprechende Aktion entsprechend der angeklickten Schaltfläche ausgeführt.
1
2
3
4
if ( crunchifyAddition == true ) {
       crunchifyEditText . setText ( mValueOne + mValueTwo + "" ) ;
       crunchifyAddition = false ;
}

Wenn die Schaltfläche „Hinzufügen“ vor der Schaltfläche „=“ angeklickt wird, wird die Aktion „Hinzufügen“ ausgeführt, wie Sie oben sehen können.

  • Nach der durchgeführten Aktion setzen wir den crunchifyAddition Wert auf false, damit wir die Add-Aktion erneut ausführen können.

Nachfolgend finden Sie die Layoutdatei mit Hilfe zum Entwerfen des Frontends für den Taschenrechner:

Activity_Main.xml
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
<? xml version = "1.0" encoding = "utf-8" ?>
< RelativeLayout xmlns : android = "http://schemas.android.com/apk/res/android"
     xmlns : tools = "http://schemas.android.com/tools"
     android : id = "@+id/relative1"
     android : layout_width = "match_parent"
     android : layout_height = "match_parent"
     tools : context = ".MainActivity" >
 
     < EditText
         android : id = "@+id/edt1"
         android : layout_width = "match_parent"
         android : layout_height = "wrap_content" / >
 
 
     < Button
         android : id = "@+id/button1"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignEnd = "@+id/button4"
         android : layout_alignRight = "@+id/button4"
         android : layout_below = "@+id/edt1"
         android : layout_marginTop = "94dp"
         android : text = "1" / >
 
     < Button
         android : id = "@+id/button2"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignTop = "@+id/button1"
         android : layout_toLeftOf = "@+id/button3"
         android : layout_toStartOf = "@+id/button3"
         android : text = "2" / >
 
     < Button
         android : id = "@+id/button3"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignTop = "@+id/button2"
         android : layout_centerHorizontal = "true"
         android : text = "3" / >
 
     < Button
         android : id = "@+id/button4"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_below = "@+id/button1"
         android : layout_toLeftOf = "@+id/button2"
         android : text = "4" / >
 
     < Button
         android : id = "@+id/button5"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignBottom = "@+id/button4"
         android : layout_alignLeft = "@+id/button2"
         android : layout_alignStart = "@+id/button2"
         android : text = "5" / >
 
     < Button
         android : id = "@+id/button6"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignLeft = "@+id/button3"
         android : layout_alignStart = "@+id/button3"
         android : layout_below = "@+id/button3"
         android : text = "6" / >
 
     < Button
         android : id = "@+id/button7"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_below = "@+id/button4"
         android : layout_toLeftOf = "@+id/button2"
         android : text = "7" / >
 
     < Button
         android : id = "@+id/button8"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignLeft = "@+id/button5"
         android : layout_alignStart = "@+id/button5"
         android : layout_below = "@+id/button5"
         android : text = "8" / >
 
     < Button
         android : id = "@+id/button9"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignLeft = "@+id/button6"
         android : layout_alignStart = "@+id/button6"
         android : layout_below = "@+id/button6"
         android : text = "9" / >
 
     < Button
         android : id = "@+id/buttonadd"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignEnd = "@+id/edt1"
         android : layout_alignRight = "@+id/edt1"
         android : layout_alignTop = "@+id/button3"
         android : layout_marginLeft = "46dp"
         android : layout_marginStart = "46dp"
         android : layout_toRightOf = "@+id/button3"
         android : text = "+" / >
 
     < Button
         android : id = "@+id/buttonsub"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignEnd = "@+id/buttonadd"
         android : layout_alignLeft = "@+id/buttonadd"
         android : layout_alignRight = "@+id/buttonadd"
         android : layout_alignStart = "@+id/buttonadd"
         android : layout_below = "@+id/buttonadd"
         android : text = "-" / >
 
     < Button
         android : id = "@+id/buttonmul"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignLeft = "@+id/buttonsub"
         android : layout_alignParentEnd = "true"
         android : layout_alignParentRight = "true"
         android : layout_alignStart = "@+id/buttonsub"
         android : layout_below = "@+id/buttonsub"
         android : text = "*" / >
 
     < Button
         android : id = "@+id/button10"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_below = "@+id/button7"
         android : layout_toLeftOf = "@+id/button2"
         android : text = "." / >
 
     < Button
         android : id = "@+id/button0"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignLeft = "@+id/button8"
         android : layout_alignStart = "@+id/button8"
         android : layout_below = "@+id/button8"
         android : text = "0" / >
 
     < Button
         android : id = "@+id/buttonC"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignLeft = "@+id/button9"
         android : layout_alignStart = "@+id/button9"
         android : layout_below = "@+id/button9"
         android : text = "C" / >
 
     < Button
         android : id = "@+id/buttondiv"
         style = "?android:attr/buttonStyleSmall"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignEnd = "@+id/buttonmul"
         android : layout_alignLeft = "@+id/buttonmul"
         android : layout_alignRight = "@+id/buttonmul"
         android : layout_alignStart = "@+id/buttonmul"
         android : layout_below = "@+id/buttonmul"
         android : text = "/" / >
 
     < Button
         android : id = "@+id/buttoneql"
         android : layout_width = "wrap_content"
         android : layout_height = "wrap_content"
         android : layout_alignEnd = "@+id/buttondiv"
         android : layout_alignLeft = "@+id/button10"
         android : layout_alignRight = "@+id/buttondiv"
         android : layout_alignStart = "@+id/button10"
         android : layout_below = "@+id/button0"
         android : layout_marginTop = "37dp"
         android : text = "=" / >
 
< / RelativeLayout >

Jetzt sollten alle Dinge gut funktionieren und wir sind bereit, unsere Rechner-Android-App auszuführen. Um unsere App auszuführen, habe ich mein Handy verwendet, Sie können den Emulator oder Ihr Gerät verwenden.

Ausführen unserer Rechner-Android-App

  • Klicken Sie auf den Android-Geräte-Manager. Nachdem Sie Ihr benutzerdefiniertes Gerät im Fenster des Android device manager ausgewählt haben, klicken Sie auf START .
  • Klicken Sie auf die Schaltfläche Ausführen.
  • Wählen Sie Ihr Gerät oder Ihren Emulator und klicken Sie auf OK.
  • Jetzt können Sie sehen, wie die Android-App des Taschenrechners als dieser Screenshot ausgeführt wird.

Glückwünsche!! Wenn Sie alle Schritte befolgt haben und diesen Punkt erreichen, bedeutet dies, dass Sie alle Schritte korrekt befolgt haben und Ihre Calculator-Android-App funktioniert und einwandfrei funktioniert.