{"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\/sv\/blog\/news\/sozdanie-kalkulyatora-chaevyh-na-kotlin-kak-eto-rabotaet","title":{"rendered":"Att skapa en dricks-kalkylator i Kotlin: hur fungerar det?","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Att
\n
\nVi visar hur man skapar en enkel applikation f\u00f6r att r\u00e4kna dricks p\u00e5 Kotlin-spr\u00e5ket. Mer specifikt, Kotlin 1.3.21, Android 4, Android Studio 3. Artikeln kommer att vara intressant, framf\u00f6r allt f\u00f6r dem som b\u00f6rjar sin v\u00e4g inom utvecklingen av Android-applikationer. Den g\u00f6r det m\u00f6jligt att f\u00f6rst\u00e5 vad som fungerar och hur det fungerar inuti applikationen. <\/p>\n

En s\u00e5dan kalkylator \u00e4r anv\u00e4ndbar n\u00e4r man beh\u00f6ver r\u00e4kna ut dricksbeloppet f\u00f6r ett s\u00e4llskap som har best\u00e4mt sig f\u00f6r att tillbringa tid p\u00e5 en restaurang eller ett caf\u00e9. Sj\u00e4lvklart l\u00e4mnar inte alla och inte alltid dricks till servit\u00f6rer, det \u00e4r mer en v\u00e4sterl\u00e4ndsk tradition, men utvecklingsprocessen av en s\u00e5dan applikation \u00e4r intressant i alla fall.
\n<\/a><\/noindex><\/p>\n

P\u00e5minnelse:<\/b> f\u00f6r alla l\u00e4sare av \"Habr\" \u2014 10 000 rubel rabatt vid registrering f\u00f6r vilken kurs som helst p\u00e5 Skillbox med rabattkoden \"Habr\".<\/i><\/p>\n

Skillbox rekommenderar:<\/b> Praktisk kurs Mobilutvecklare PRO<\/a><\/noindex>.\n<\/p><\/blockquote>\n

\nS\u00e5 h\u00e4r ser applikationen ut under drift:<\/p>\n

\"Att
\n
\nDu anger \u00f6nskad procentandel av den totala summan, antal deltagare i m\u00f6tet och f\u00e5r resultatet \u2014 dricksbeloppet som b\u00f6r l\u00e4mnas.<\/p>\n

Vi b\u00f6rjar<\/h3>\n

\nDet fullst\u00e4ndiga gr\u00e4nssnittet f\u00f6r applikationen ser ut som f\u00f6ljer:
\n\"Att
\n
\n\"Att
\n
\nDet f\u00f6rsta steget \u2014 ladda projektets grundstruktur<\/a><\/noindex>. \u00d6ppna den i Android Studio 3.0 eller senare. Bygg och k\u00f6r projektet, och se en vit sk\u00e4rm. Allt \u00e4r normalt, s\u00e5 ska det vara.<\/p>\n

\"Att
\n
\n\"Att
\n
\nAnv\u00e4ndarens \u00e5tg\u00e4rder \u00e4r angivna i projektet i kronologisk ordning, s\u00e5 att allt ska vara klart. F\u00f6r att se det \u00f6ppnar vi View -> Tool Windows -> TODO.<\/p>\n

Vi studerar projektet och \u00f6ppnar colors.xml f\u00f6r att bed\u00f6ma f\u00e4rgpaletten. I strings.xml finns textdata (etiketter), och i styles.xml finns det flera typsnittsmallar.<\/p>\n

Utveckling av kostnadsavsnittet<\/h3>\n

\n\u00d6ppna activity_main.xml och l\u00e4gg till koden nedan i LinearLayout (#1):<\/p>\n

<\/code><\/pre>\n
\nNu kan du justera stil i directory-namnvalues eller leka med f\u00e4rger, med hj\u00e4lp av material.io-verktyget<\/a><\/noindex>.<\/p>\n
Nu ser projektet ut s\u00e5 h\u00e4r:<\/p>\n
\"Att
\n Som du ser ber\u00e4knas kostnaderna utifr\u00e5n de uppgifter som anv\u00e4ndaren anger. <\/i><\/p>\n
Utveckling av r\u00e4kenskapsavsnittet<\/h3>\n
\nL\u00e4gg till koden nedan i LinearLayout efter Expense Section (#2):<\/p>\n
<! \u2014 TODO #3: Bygg r\u00e4knesektionen \u2192\n \n\u2026<\/code><\/pre>\n
\nVi st\u00e4nger LinearLayout efter TODO-listan och l\u00e4gger sedan till ny kod genom att placera den inuti LinearLayout (#3):<\/p>\n
<\/code><\/pre>\n
\nEftersom appens huvudsyfte \u00e4r att ber\u00e4kna individuella kostnader f\u00f6r varje deltagare vid restaurangbes\u00f6k, \u00e4r costPerPersonTextView av stor betydelse. <\/p>\n
EditText begr\u00e4nsar inmatning till en rad, detta parameter ska ha v\u00e4rdet NumberDecimal inputType.<\/p>\n
\"Att
\n Vi k\u00f6r projektet f\u00f6r att testa och anger parametrarna f\u00f6r den totala skadan (\u00f6mt\u00e5liga f\u00f6rem\u00e5l som krossade muggar och tallrikar etc.).<\/i><\/p>\n
Utveckling av avsnittet 'M\u00e4nniskor och dricks'<\/h3>\n
\nF\u00f6r att l\u00e4gga till val av dricksbelopp, infoga f\u00f6ljande kod i den nya sektionen LinearLayout (#4):<\/p>\n
<\/code><\/pre>\n
\nDenna kodavsnitt \u00e4r n\u00f6dv\u00e4ndig f\u00f6r att exakt ber\u00e4kna beloppet f\u00f6r dricks. Standardv\u00e4rdet f\u00f6r texten \u00e4r 20. ImageButtons \u00e4r f\u00f6rsedda med ikoner i mappen med skrivbeh\u00f6righet.<\/p>\n
Vi kopierar hela avsnittet och l\u00e4gger till f\u00f6ljande (#5):<\/p>\n