{"id":31843,"date":"2019-10-31T21:43:27","date_gmt":"2019-10-31T18:43:27","guid":{"rendered":"https:\/\/prohoster.info\/blog\/sozdanie-kalkulyatora-chaevyh-na-kotlin-kak-eto-rabotaet\/"},"modified":"2019-10-31T21:43:27","modified_gmt":"2019-10-31T18:43:27","slug":"sozdanie-kalkulyatora-chaevyh-na-kotlin-kak-eto-rabotaet","status":"publish","type":"post","link":"https:\/\/prohoster.info\/de\/blog\/news\/sozdanie-kalkulyatora-chaevyh-na-kotlin-kak-eto-rabotaet","title":{"rendered":"Erstellung eines Trinkgeldrechners in Kotlin: Wie funktioniert das?","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Erstellung
\n
\nWir erz\u00e4hlen, wie man eine einfache Anwendung zur Berechnung von Trinkgeldern in Kotlin erstellt. Genauer gesagt, Kotlin 1.3.21, Android 4, Android Studio 3. Der Artikel wird in erster Linie f\u00fcr diejenigen interessant sein, die ihren Weg in die Entwicklung von Android-Anwendungen beginnen. Er hilft zu verstehen, was und wie innerhalb der Anwendung funktioniert. <\/p>\n

Ein solcher Rechner ist n\u00fctzlich, wenn man die Trinkgeldsumme f\u00fcr eine Gesellschaft berechnen muss, die beschlossen hat, Zeit in einem Restaurant oder Caf\u00e9 zu verbringen. Nat\u00fcrlich lassen nicht alle und nicht immer Trinkgeld, das ist eher eine westliche Tradition, aber der Prozess der Entwicklung einer solchen Anwendung ist auf jeden Fall interessant.
\n<\/a><\/noindex><\/p>\n

Wir erinnern daran:<\/b> alle Leser von \u201eHabr\u201c erhalten einen Rabatt von 10.000 Rubel bei der Anmeldung zu einem beliebigen Kurs von Skillbox mit dem Aktionscode \u201eHabr\u201c.<\/i><\/p>\n

Skillbox empfiehlt:<\/b> Praktischer Kurs \u201eMobiler Entwickler PRO<\/a><\/noindex>.\n<\/p><\/blockquote>\n

\nSo sieht die Anwendung w\u00e4hrend des Betriebs aus:<\/p>\n

\"Erstellung
\n
\nSie geben den gew\u00fcnschten Prozentsatz von der Gesamtsumme, die Anzahl der Teilnehmer am Treffen ein und erhalten das Ergebnis \u2013 die Trinkgeldsumme, die man lassen sollte.<\/p>\n

Starten wir<\/h3>\n

\nDie vollst\u00e4ndige Benutzeroberfl\u00e4che der Anwendung sieht wie folgt aus:
\n\"Erstellung
\n
\n\"Erstellung
\n
\nErster Schritt \u2014 Laden der Projektgrundlage<\/a><\/noindex>. \u00d6ffnen Sie es in Android Studio 3.0 oder einer neueren Version. Bauen Sie das Projekt und starten Sie es, und sehen Sie einen wei\u00dfen Bildschirm. Alles in Ordnung, das sollte so sein.<\/p>\n

\"Erstellung
\n
\n\"Erstellung
\n
\nDie Benutzeraktionen sind im Projekt in chronologischer Reihenfolge festgelegt, damit alles verst\u00e4ndlich ist. Um sie anzuzeigen, \u00f6ffnen Sie Ansicht -> Werkzeugfenster -> TODO.<\/p>\n

Wir untersuchen das Projekt und \u00f6ffnen colors.xml zur Bewertung der Farbpalette. In strings.xml befinden sich die Textdaten (Beschriftungen), und in styles.xml gibt es einige Schriftvorlagen.<\/p>\n

Entwicklung des Kostenabschnitts<\/h3>\n

\n\u00d6ffnen Sie activity_main.xml und f\u00fcgen Sie den untenstehenden Code in LinearLayout (#1) hinzu:<\/p>\n

<\/code><\/pre>\n
\nJetzt k\u00f6nnen Sie den Stil des Verzeichnisses values anpassen oder mit Farben spielen, indem Sie das tool material.io verwenden<\/a><\/noindex>.<\/p>\n
Jetzt sieht das Projekt so aus:<\/p>\n
\"Erstellung
\n Wie Sie sehen k\u00f6nnen, werden die Kosten anhand der Daten berechnet, die der Benutzer eingibt. <\/i><\/p>\n
Entwicklung des Rechnungsabschnitts<\/h3>\n
\nF\u00fcgen Sie den untenstehenden Code in LinearLayout nach dem Kostenabschnitt (#2) hinzu:<\/p>\n
<! \u2014 TODO #3: Rechnungsabschnitt erstellen \u2192\n \n\u2026<\/code><\/pre>\n
\nWir schlie\u00dfen das LinearLayout nach der TODO-Liste und f\u00fcgen dann neuen Code hinzu, indem wir ihn innerhalb des LinearLayout (#3) platzieren:<\/p>\n
<\/code><\/pre>\n
\nDa die Hauptaufgabe der Anwendung darin besteht, die individuellen Ausgaben f\u00fcr jeden der Teilnehmer im Restaurant zu berechnen, spielt costPerPersonTextView eine entscheidende Rolle. <\/p>\n
EditText beschr\u00e4nkt die Eingabe auf eine Zeile, dieser Parameter sollte den Wert NumberDecimal inputType haben.<\/p>\n
\"Erstellung
\n Wir starten das Projekt zu Testzwecken und geben die Parameter des Gesamtschadens ein (z.B. zerbrochene Tassen, Teller usw.)<\/i><\/p>\n
Entwicklung des Abschnitts \u201ePersonen und Trinkgeld\u201c<\/h3>\n
\nUm die Auswahl der Trinkgeldh\u00f6he hinzuzuf\u00fcgen, f\u00fcgen wir den folgenden Code in den neuen Abschnitt LinearLayout (#4) ein:<\/p>\n
<\/code><\/pre>\n
\nDieser Codeabschnitt ist notwendig f\u00fcr die genaue Berechnung des Trinkgeldbetrags. Der Standardwert des Textes betr\u00e4gt 20. Die ImageButtons sind mit Icons im schreibgesch\u00fctzten Ordner ausgestattet.<\/p>\n
Wir kopieren den Abschnitt vollst\u00e4ndig und f\u00fcgen das Folgende hinzu (#5):<\/p>\n