{"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\/nl\/blog\/news\/sozdanie-kalkulyatora-chaevyh-na-kotlin-kak-eto-rabotaet","title":{"rendered":"Een fooi calculator maken in Kotlin: hoe werkt het?","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Een
\n
\nWe leggen uit hoe je een eenvoudige applicatie maakt voor het berekenen van fooien in de programmeertaal Kotlin. Om specifieker te zijn, het gaat om Kotlin 1.3.21, Android 4, Android Studio 3. Dit artikel is vooral interessant voor degenen die hun weg in de ontwikkeling van Android-applicaties beginnen. Het geeft inzicht in wat en hoe dingen binnen de applicatie werken. <\/p>\n

Een dergelijke calculator is handig wanneer je de fooien wilt berekenen voor een groep die besloten heeft tijd door te brengen in een restaurant of caf\u00e9. Natuurlijk laten niet iedereen en niet altijd fooien voor de bediening, dit is meer een westerse traditie, maar het ontwikkelingsproces van zo'n applicatie is in ieder geval interessant.
\n<\/a><\/noindex><\/p>\n

Ter herinnering:<\/b> voor alle lezers van \u00abHabr\u00bb \u2014 een korting van 10.000 roebel bij inschrijving voor elke cursus van Skillbox met de promocode \u00abHabr\u00bb.<\/i><\/p>\n

Skillbox raadt aan:<\/b> Praktische cursus Mobiele ontwikkelaar PRO<\/a><\/noindex>.\n<\/p><\/blockquote>\n

\nZo ziet de applicatie eruit tijdens het gebruik:<\/p>\n

\"Een
\n
\nJe voert het gewenste percentage van het totaalbedrag in, het aantal deelnemers aan de bijeenkomst en je krijgt het resultaat - het bedrag aan fooien dat je zou moeten achterlaten.<\/p>\n

Laten we beginnen<\/h3>\n

\nDe volledige interface van de applicatie ziet er als volgt uit:
\n\"Een
\n
\n\"Een
\n
\nDe eerste stap is het laden van de basis van het project<\/a><\/noindex>. We openen het in Android Studio 3.0 of een latere versie. We bouwen en starten het project en zien een wit scherm. Alles is in orde, dat is hoe het hoort.<\/p>\n

\"Een
\n
\n\"Een
\n
\nDe acties van de gebruiker zijn in het project in chronologische volgorde vastgelegd, zodat alles duidelijk is. Om dit te bekijken, openen we Weergave -> Hulpprogramma's -> TODO.<\/p>\n

We bestuderen het project en openen colors.xml om de kleurenpalet te beoordelen. In strings.xml bevinden zich de tekstgegevens (labels), en in styles.xml zijn er enkele lettertype-sjablonen.<\/p>\n

Ontwikkeling van de kostensectie<\/h3>\n

\nWe openen activity_main.xml en voegen de onderstaande code toe aan LinearLayout (#1):<\/p>\n

<\/code><\/pre>\n
\nNu kunnen we de stijl van de directory values aanpassen of met kleuren spelen, gebruikmakend van de tool material.io<\/a><\/noindex>.<\/p>\n
Op dit moment ziet het project er zo uit:<\/p>\n
\"Een
\n Zoals je kunt zien, worden de kosten berekend op basis van de gegevens die de gebruiker invoert. <\/i><\/p>\n
Ontwikkeling van de rekeningensectie<\/h3>\n
\nVoeg de onderstaande code toe aan LinearLayout na de Expense Section (#2):<\/p>\n
<! \u2014 TODO #3: Build Bill Section \u2192\n \n\u2026<\/code><\/pre>\n
\nSluiten we de LinearLayout na de TODO-lijst, en voegen vervolgens nieuwe code toe door deze binnen de LinearLayout (#3) te plaatsen:<\/p>\n
<\/code><\/pre>\n
\nAangezien de belangrijkste taak van de applicatie is om de individuele kosten voor elk van de deelnemers aan het diner te berekenen, speelt costPerPersonTextView een cruciale rol. <\/p>\n
EditText beperkt de invoer tot \u00e9\u00e9n regel, deze parameter moet de waarde NumberDecimal inputType hebben.<\/p>\n
\"Een
\n Start het project voor een test en voer de parameters van de totale schade in (gebroken kopjes, borden, enz.)<\/i><\/p>\n
Ontwikkeling van de sectie 'Mensen en fooien'<\/h3>\n
\nOm de selectie van het fooibedrag toe te voegen, plakken we de onderstaande code in een nieuwe sectie LinearLayout (#4):<\/p>\n
<\/code><\/pre>\n
\nDeze code is nodig voor de nauwkeurige berekening van het bedrag aan fooien. De standaardwaarde van de tekst is 20. ImageButtons zijn voorzien van pictogrammen in de map met schrijfrechten.<\/p>\n
Kopieer de sectie volledig en voeg het volgende toe (#5):<\/p>\n