MÄs parÄdÄ«sim, kÄ izveidot vienkÄrÅ”u padomu aprÄÄ·inÄÅ”anas lietojumprogrammu KotlinÄ. PrecÄ«zÄk sakot, Kotlin 1.3.21, Android 4, Android Studio 3. Raksts bÅ«s interesants, pirmkÄrt, tiem, kas sÄk savu ceļu Android aplikÄciju izstrÄdÄ. Tas ļauj saprast, kas un kÄ darbojas lietojumprogrammÄ.
Å Äds kalkulators noder, kad jÄaprÄÄ·ina dzeramnaudu apjoms no uzÅÄmuma, kas nolemj pavadÄ«t laiku restorÄnÄ vai kafejnÄ«cÄ. Protams, ne visi un ne vienmÄr atstÄj tÄju viesmīļiem, tÄ vairÄk ir Rietumu tradÄ«cija, taÄu Å”Ädas aplikÄcijas izstrÄdes process ir interesants jebkurÄ gadÄ«jumÄ.
AtgÄdinÄm: visiem "Habr" lasÄ«tÄjiem - atlaide 10 000 rubļu, reÄ£istrÄjoties jebkurÄ Skillbox kursÄ, izmantojot "Habr" reklÄmas kodu.
Skillbox iesaka: Praktiskais kurss .
LÅ«k, kÄ lietotne izskatÄs, kad tÄ darbojas:
JÅ«s ievadÄt vÄlamo procentuÄlo daļu no kopÄjÄs summas, sapulces dalÄ«bnieku skaitu un iegÅ«stat rezultÄtu - dzeramnaudu daudzumu, kas jÄatstÄj.
Darba sÄkÅ”ana
Pilns lietojumprogrammas interfeiss izskatÄs Å”Ädi:
PirmÄ darbÄ«ba - . Atveriet to Android Studio 3.0 vai jaunÄkÄ versijÄ. MÄs veidojam un izpildÄm projektu un redzam baltu ekrÄnu. Viss ir labi, kÄ tam jÄbÅ«t.
LietotÄju darbÄ«bas projektÄ ir ierakstÄ«tas hronoloÄ£iskÄ secÄ«bÄ, lai viss bÅ«tu skaidrs. Lai to skatÄ«tu, atveriet View -> Tool Windows -> TODO.
MÄs izpÄtÄm projektu un atveram colours.xml, lai novÄrtÄtu krÄsu paleti. Strings.xml satur teksta datus (titrus), un styles.xml satur vairÄkas fontu veidnes.
Izmaksu sadaļas izstrÄde
Atveriet activity_main.xml un pievienojiet tÄlÄk norÄdÄ«to kodu lineÄrajam izkÄrtojumam (#1):
<TextView
android_id="@+id/expensePerPersonTextView"
android_layout_width="match_parent"
android_layout_height="wrap_content"
android_paddingTop="30dp"
style="@style/h1Bold"
android_textColor="@color/colorAccent"
android_text="0"/>
<TextView
android_layout_width="match_parent"
android_layout_height="wrap_content"
android_paddingBottom="25dp"
style="@style/h2"
android_textColor="@color/colorAccent"
android_text="@string/perPersonStaticText"/>Tagad jÅ«s varat veidot vÄrtÄ«bu direktoriju vai spÄlÄt ar krÄsÄm .
Tagad projekts izskatÄs Å”Ädi:
KÄ redzat, izmaksu aprÄÄ·ins tiek veikts, pamatojoties uz lietotÄja ievadÄ«tajiem datiem.
Konta sadaļas izstrÄde
Pievienojiet tÄlÄk norÄdÄ«to kodu LineÄrajam izkÄrtojumam pÄc izdevumu sadaļas (#2):
<LinearLayout
android_layout_width="match_parent"
android_layout_height="match_parent"
android_orientation="vertical"
android_background="@color/colorAccent">
<! ā TODO #3: Build Bill Section ā
ā¦
</LinearLayout>Aizveriet LinearLayout pÄc TODO saraksta un pÄc tam pievienojiet jauno kodu, ievietojot to LinearLayout (#3):
<TextView
android_layout_margin="15dp"
android_layout_width="match_parent"
android_layout_height="wrap_content"
android_textColor="@color/colorWhite"
style="@style/h4"
android_text="@string/billStaticText"/>
<EditText
android_id="@+id/billEditText"
android_layout_width="match_parent"
android_layout_height="wrap_content"
android_textColor="@color/colorWhite"
android_inputType="numberDecimal"
android_maxLines="1"
style="@style/h2Bold"
android_text="0"/>TÄ kÄ aplikÄcijas galvenais uzdevums ir aprÄÄ·inÄt individuÄlÄs izmaksas katram pasÄkuma dalÄ«bniekam restorÄnÄ, tad galvenÄ loma ir costPersonTextView.
EditText ierobežo ievadi ar vienu rindiÅu, Å”im parametram ir jÄbÅ«t iestatÄ«tam uz NumberDecimal inputType.
MÄs sÄkam projektu testa veikÅ”anai un ievadÄm kopÄjo bojÄjumu parametrus (salauztas krÅ«zes, Ŕķīvji utt.)
Sadaļas "CilvÄki un padomi" izstrÄde
Lai pievienotu dzeramnaudas summas atlasÄ«tÄju, ielÄ«mÄjiet tÄlÄk norÄdÄ«to kodu jaunÄ LineÄrÄ izkÄrtojuma sadaÄ¼Ä (#4):
<TextView
android_layout_margin="15dp"
android_layout_width="match_parent"
android_layout_height="wrap_content"
android_textColor="@color/colorWhite"
style="@style/h4"
android_text="@string/tipStaticText"/>
<LinearLayout
android_layout_width="match_parent"
android_layout_height="wrap_content"
android_orientation="horizontal">
<ImageButton
android_id="@+id/subtractTipButton"
style="@style/operationButton"
android_layout_marginLeft="20dp"
android_layout_marginStart="20dp"
android_src="@drawable/subtract"/>
<TextView
android_id="@+id/tipTextView"
android_layout_margin="15dp"
android_layout_width="0dp"
android_layout_height="wrap_content"
android_textColor="@color/colorWhite"
android_layout_weight="1"
style="@style/h2Bold"
android_text="20%"/>
<ImageButton
android_id="@+id/addTipButton"
style="@style/operationButton"
android_layout_marginEnd="20dp"
android_layout_marginRight="20dp"
android_src="@drawable/add"/>
</LinearLayout>Å Ä« koda daļa ir nepiecieÅ”ama, lai precÄ«zi aprÄÄ·inÄtu dzeramnaudas summu. NoklusÄjuma teksta vÄrtÄ«ba ir 20. ImageButtons ir nodroÅ”inÄtas ar ikonÄm mapÄ ar rakstÄ«Å”anas atļaujÄm.
KopÄjiet visu sadaļu un pievienojiet Å”o (#5):
- ImageButton ID (subtractPeopleButton, addPeopleButton)
- TextView ID (numberOfPeopleStaticText, numberOfPeopleTextView)
- DefaultText priekÅ” numberOfPeopleTextView (jÄbÅ«t 4).
Tagad, startÄjot aplikÄciju, ir iespÄja pievienot rÄÄ·ina summu, darbojas arÄ« pogas Pievienot/AtÅemt, bet pagaidÄm nekas nenotiek.
Pievienot skatus
Atveriet MainActivity.kt un pievienojiet to funkcijai initViews (#6):
private fun initViews() {
expensePerPersonTextView = findViewById(R.id.expensePerPersonTextView)
billEditText = findViewById(R.id.billEditText)
addTipButton = findViewById(R.id.addTipButton)
tipTextView = findViewById(R.id.tipTextView)
subtractTipButton = findViewById(R.id.subtractTipButton)
addPeopleButton = findViewById(R.id.addPeopleButton)
numberOfPeopleTextView = findViewById(R.id.numberOfPeopleTextView)
subtractPeopleButton = findViewById(R.id.subtractPeopleButton)
//TODO #8: Bind Buttons to Listener
//TODO #16: Bind EditText to TextWatcher
}Pogu pabeigŔana
Lai pievienotu atbalstu pogu klikŔķiem, ieviesiet View.OnClickListener klases līmenī (7.):
class GalvenÄ darbÄ«ba: AppCompatActivity(), View.OnClickListener {
Projekta apkopoÅ”ana Å”obrÄ«d nedarbosies, jums ir jÄveic vÄl dažas darbÄ«bas (# 8):
override fun onClick(v: View?) {
when (v?.id) {
R.id.addTipButton -> incrementTip()
R.id.subtractTipButton -> decrementTip()
R.id.addPeopleButton -> incrementPeople()
R.id.subtractPeopleButton -> decrementPeople()
}
}
RunÄjot par pogÄm un slÄdžiem, Kotlinam viss ir ļoti forÅ”i organizÄts! Pievienojiet tÄlÄk norÄdÄ«to kodu visÄm palielinÄÅ”anas un samazinÄÅ”anas funkcijÄm
(#9ā#12):
private fun incrementTip() {
if (tipPercent != MAX_TIP) {
tipPercent += TIP_INCREMENT_PERCENT
tipTextView.text = String.format("%d%%", tipPercent)
}
}
private fun decrementTip() {
if (tipPercent != MIN_TIP) {
tipPercent -= TIP_INCREMENT_PERCENT
tipTextView.text = String.format("%d%%", tipPercent)
}
}
private fun incrementPeople() {
if (numberOfPeople != MAX_PEOPLE) {
numberOfPeople += PEOPLE_INCREMENT_VALUE
numberOfPeopleTextView.text = numberOfPeople.toString()
}
}
private fun decrementPeople() {
if (numberOfPeople != MIN_PEOPLE) {
numberOfPeople -= PEOPLE_INCREMENT_VALUE
numberOfPeopleTextView.text = numberOfPeople.toString()
}
}Å eit kods aizsargÄ pieauguma funkcijas ar maksimÄlajÄm vÄrtÄ«bÄm (MAX_TIP & MAX_PEOPLE). TurklÄt kods aizsargÄ samazinÄÅ”anas funkcijas ar minimÄlajÄm vÄrtÄ«bÄm (MIN_TIP & MIN_PEOPLE).
Tagad mÄs saistÄm pogas ar klausÄ«tÄjiem initViews funkcijÄ (#13):
private fun initViews() {
...
addTipButton.setOnClickListener(this)
subtractTipButton.setOnClickListener(this)
addPeopleButton.setOnClickListener(this)
subtractPeopleButton.setOnClickListener(this)
//TODO #15: Bind EditText to TextWatcher
}
Tagad varat pievienot kopÄjo bojÄjumu, padomus un sapulces dalÄ«bnieku skaitu. Nu, tagad pats svarÄ«gÄkais...
Izmaksu sadaļa
Å is kods aprÄÄ·ina izmaksas (#14):
private fun calculateExpense() {
val totalBill = billEditText.text.toString().toDouble()
val totalExpense = ((HUNDRED_PERCENT + tipPercent) / HUNDRED_PERCENT) * totalBill
val individualExpense = totalExpense / numberOfPeople
expensePerPersonTextView.text = String.format("$%.2f", individualExpense)
}Å eit tiek izsaukta funkcija, kas ļauj Åemt vÄrÄ cilvÄku skaitu uzÅÄmumÄ un aprÄÄ·inÄt dzeramnaudu (#15):
private fun incrementTip() {
ā¦
}
private fun decrementTip() {
ā¦
}
private fun incrementPeople() {
ā¦
}
private fun decrementPeople() {
ā¦
}MÄs palaižam lietojumprogrammu. Tas izskatÄs un darbojas lieliski. Bet varÄtu bÅ«t labÄk.
Ja mÄÄ£inÄsit noÅemt rÄÄ·ina summu un pÄc tam palielinÄt mÄjienu vai draugu skaitu, lietotne avarÄs, jo vÄl nav pÄrbaudÄ«ta nulles izmaksas. TurklÄt, ja mÄÄ£inÄsiet mainÄ«t rÄÄ·ina summu, maksa netiks atjauninÄta.
PÄdÄjie soļi
Pievienojiet TextWatcher (#16):
class GalvenÄ darbÄ«ba: AppCompatActivity(), View.OnClickListener, TextWatcher {
PÄc tam mÄs iegulsim billEditText klausÄ«tÄju (#17):
billEditText.addTextChangedListener(this)
TurklÄt pievienojiet kodu, lai izpildÄ«tu TextWatcher (#18):
override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
if (!billEditText.text.isEmpty()) {
calculateExpense()
}
}
override fun afterTextChanged(s: Editable?) {}
override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
Nu, tagad viss darbojas! Apsveicam, jÅ«s esat uzrakstÄ«jis pats savu "DzÄrienu kalkulatoru" KotlinÄ.
Skillbox iesaka:
- Divu gadu praktiskais kurss .
- TieŔsaistes kurss .
- PraktiskÄ gada kurss .
Avots: www.habr.com