Kotlin တွင် tip calculator တစ်ခုတည်ဆောက်ခြင်း- ၎င်းသည်မည်သို့အလုပ်လုပ်သနည်း။

Kotlin တွင် ရိုးရှင်းသော အကြံပြုချက် တွက်ချက်နည်းကို ဖန်တီးနည်းကို သင့်အား ပြသထားသည်။ ပိုမိုတိကျစေရန်အတွက်၊ Kotlin 1.3.21၊ Android 4၊ Android Studio 3။ Android အက်ပ်လီကေးရှင်းများ တီထွင်ဖန်တီးရာတွင် ၎င်းတို့၏ခရီးကို စတင်သူများအတွက် ပထမဆုံးအနေဖြင့် ဤဆောင်းပါးသည် စိတ်ဝင်စားစရာကောင်းမည်ဖြစ်သည်။ ၎င်းသည် သင့်အား အပလီကေးရှင်းအတွင်း မည်သည့်အရာနှင့် မည်သို့အလုပ်လုပ်သည်ကို နားလည်နိုင်စေပါသည်။

စားသောက်ဆိုင် သို့မဟုတ် ကော်ဖီဆိုင်တွင် အချိန်ဖြုန်းရန် ဆုံးဖြတ်သည့် ကုမ္ပဏီတစ်ခုမှ အကြံပြုချက် ပမာဏကို တွက်ချက်ရန် လိုအပ်သည့်အခါ ထိုဂဏန်းတွက်စက်သည် အသုံးဝင်သည်။ ဟုတ်ပါတယ်၊ လူတိုင်းက စားပွဲထိုးတွေအတွက် လက်ဖက်ရည်ကို အမြဲမချန်ထားပါဘူး၊ ဒါက အနောက်တိုင်း အစဉ်အလာတစ်ခုပါပဲ၊ ဒါပေမယ့် ဒီလို အက်ပလီကေးရှင်းကို တီထွင်တဲ့ လုပ်ငန်းစဉ်က ဘယ်လိုပဲဖြစ်ဖြစ် စိတ်ဝင်စားစရာပါပဲ။

ငါတို့မင်းကိုသတိပေးတယ် "Habr" ၏စာဖတ်သူအားလုံးအတွက် - "Habr" ပရိုမိုးရှင်းကုဒ်ကို အသုံးပြု၍ မည်သည့် Skillbox သင်တန်းတွင်စာရင်းသွင်းသည့်အခါ 10 ရူဘယ်လျှော့စျေး။

Skillbox မှ အကြံပြုထားသည်- လက်တွေ့သင်တန်း "မိုဘိုင်း Developer PRO.

၎င်းသည် လုပ်ဆောင်ချက်တွင် အပလီကေးရှင်း၏ပုံသဏ္ဌာန်ဖြစ်သည်။

သင်သည် စုစုပေါင်းပမာဏ၏ လိုချင်သောရာခိုင်နှုန်း၊ အစည်းအဝေးတွင်ပါဝင်သူအရေအတွက်ကို ထည့်သွင်းပြီး ရလဒ်ကိုရယူပါ - ချန်ထားသင့်သော အကြံပြုချက်ပမာဏ။

စတင်

အက်ပ်၏ အင်တာဖေ့စ် အပြည့်အစုံမှာ ဤကဲ့သို့ ဖြစ်သည်-




ပထမလုပ်ဆောင်ချက်- ပရောဂျက်အခြေခံဒေါင်းလုဒ်လုပ်ပါ။. ၎င်းကို Android Studio 3.0 သို့မဟုတ် နောက်ပိုင်းတွင် ဖွင့်ပါ။ ကျွန်ုပ်တို့သည် ပရောဂျက်ကို တည်ဆောက်ပြီး လုပ်ဆောင်ပြီး အဖြူရောင်စခရင်ကို မြင်ရသည်။ ဖြစ်သင့်သည်အတိုင်း အားလုံးအဆင်ပြေပါတယ်။

အသုံးပြုသူ လုပ်ဆောင်ချက်များကို ပရောဂျက်တွင် အချိန်နှင့် တပြေးညီ ရေးထားသောကြောင့် အရာအားလုံး ရှင်းလင်းပြတ်သားသည်။ ၎င်းကိုကြည့်ရှုရန် View -> Tool Windows -> TODO ကိုဖွင့်ပါ။

ကျွန်ုပ်တို့သည် ပရောဂျက်ကို လေ့လာပြီး အရောင် palette ကို အကဲဖြတ်ရန် Colors.xml ကိုဖွင့်ပါ။ strings.xml တွင် စာသားဒေတာ (စာတန်းများ) ပါ၀င်ပြီး styles.xml တွင် ဖောင့်ပုံစံပုံစံများစွာ ပါရှိသည်။

ကုန်ကျစရိတ်အပိုင်း ဖွံ့ဖြိုးတိုးတက်ရေး

activity_main.xml ကိုဖွင့်ပြီး LinearLayout (#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"/>

ယခုသင်သည် တန်ဖိုးများလမ်းညွှန်ကို ပုံစံသွင်းနိုင်သည် သို့မဟုတ် အရောင်များကို အသုံးပြု၍ ကစားနိုင်သည်။ material.io ကိရိယာ.

ယခု ပရောဂျက်သည် ဤကဲ့သို့ ဖြစ်သည်-

သင်တွေ့မြင်ရသည့်အတိုင်း၊ အသုံးပြုသူထည့်သွင်းသည့်ဒေတာအပေါ်အခြေခံ၍ ကုန်ကျစရိတ်များကို တွက်ချက်ပါသည်။

အကောင့်ဖွံ့ဖြိုးတိုးတက်မှုအပိုင်း

ကုန်ကျစရိတ်အပိုင်း (#2) ပြီးနောက် LinearLayout တွင် အောက်ပါကုဒ်ကို ထည့်ပါ။

<LinearLayout
    android_layout_width="match_parent"
    android_layout_height="match_parent"
    android_orientation="vertical"
    android_background="@color/colorAccent">
 
<! — TODO #3: Build Bill Section →
 
… 
</LinearLayout>

TODOs စာရင်းပြီးနောက် LinearLayout ကိုပိတ်ပြီး 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"/>

အပလီကေးရှင်း၏အဓိကတာဝန်မှာ စားသောက်ဆိုင်ရှိစုဝေးပွဲများတွင်ပါဝင်သူတိုင်းအတွက် တစ်ဦးချင်းကုန်ကျစရိတ်များကို တွက်ချက်ရန်ဖြစ်သောကြောင့် costPerPersonTextView သည် အဓိကအခန်းကဏ္ဍမှပါဝင်သည်။

EditText သည် ထည့်သွင်းမှုကို စာကြောင်းတစ်ကြောင်းတွင် ကန့်သတ်ထားပြီး၊ ဤကန့်သတ်ချက်ကို NumberDecimal inputType အဖြစ် သတ်မှတ်ရပါမည်။

ကျွန်ုပ်တို့သည် စမ်းသပ်ခြင်းအတွက် ပရောဂျက်ကို စတင်ပြီး စုစုပေါင်း ပျက်စီးမှု၏ ဘောင်များ (ကွဲနေသော ခွက်များ၊ ပန်းကန်များ စသည်) ကို ထည့်သွင်းပါ။

"လူများနှင့် အကြံဥာဏ်များ" ကဏ္ဍကို ဖွံ့ဖြိုးတိုးတက်ရေး

အကြံပြုချက် ပမာဏရွေးချယ်ပေးသူကို ထည့်ရန်၊ အောက်ဖော်ပြပါ ကုဒ်ကို LinearLayout အပိုင်း (#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>

ထိပ်ဖျားပမာဏကို တိကျစွာတွက်ချက်ရန် ဤကုဒ်အပိုင်းတစ်ခု လိုအပ်ပါသည်။ မူရင်းစာသားတန်ဖိုးမှာ 20 ဖြစ်သည်။ ImageButtons များကို ရေးသားခွင့်ခွင့်ပြုချက်ပါရှိသော ဖိုဒါတစ်ခုတွင် အိုင်ကွန်များ ပေးထားသည်။

အပိုင်းကို အပြည့်အစုံကူးယူပြီး အောက်ပါ (#5) ကို ထည့်ပါ။

• ImageButton ids (subtractPeopleButton၊ addPeopleButton)
• TextView ids (numberOfPeopleStaticText၊ numberOfPeopleTextView)
• numberOfPeopleTextView အတွက် မူရင်းစာသား (4 ဖြစ်သင့်သည်)။

ယခု အပလီကေးရှင်းကို စတင်သည့်အခါ ပြေစာပမာဏကို ပေါင်းထည့်နိုင်သည်၊ Add/Subtract ခလုတ်များလည်း အလုပ်လုပ်သော်လည်း ယခုအချိန်အထိ ဘာမှမဖြစ်ပါ။

မြင်ကွင်းများထည့်ပါ။

MainActivity.kt ကိုဖွင့်ပြီး ၎င်းကို 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
 
}

ခလုတ်များကို အပြီးသတ်ခြင်း။

ခလုတ်နှိပ်ခြင်းများအတွက် ပံ့ပိုးမှုထည့်ရန်၊ အတန်းအဆင့် (#7) တွင် View.OnClickListener ကို အကောင်အထည်ဖော်ပါ။

အတန်း MainActivity- AppCompatActivity(), View.OnClickListener {

ယခု ပရောဂျက်ကို ပြုစုခြင်းသည် အလုပ်မဖြစ်ပါ၊ နောက်ထပ် အဆင့် (#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()
        }
    }

ခလုတ်များနှင့် ခလုတ်များနှင့်ပတ်သက်၍ Kotlin သည် အရာအားလုံးကို အလွန်ကောင်းမွန်စွာ စီမံထားသည်။ အောက်ဖော်ပြပါ ကုဒ်ကို အတိုးနှင့် အလျှော့လုပ်သည့် လုပ်ဆောင်ချက်များအားလုံးတွင် ထည့်ပါ။
(#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()
        }
    }

ဤနေရာတွင် ကုဒ်သည် အများဆုံးတန်ဖိုးများ (MAX_TIP & MAX_PEOPLE) ဖြင့် တိုးမြင့်လုပ်ဆောင်မှုများကို ကာကွယ်ပေးပါသည်။ ထို့အပြင်၊ ကုဒ်သည် အနိမ့်ဆုံးတန်ဖိုးများ (MIN_TIP & MIN_PEOPLE) ဖြင့် လျှော့ချခြင်းလုပ်ဆောင်ချက်များကို ကာကွယ်ပေးပါသည်။

ယခု ကျွန်ုပ်တို့သည် initViews လုပ်ဆောင်ချက် (#13) ရှိ နားဆင်သူများနှင့် ခလုတ်များကို ချိတ်တွဲထားပါသည်။

private fun initViews() {
 
...
 
addTipButton.setOnClickListener(this)
        subtractTipButton.setOnClickListener(this)
 
addPeopleButton.setOnClickListener(this)
        subtractPeopleButton.setOnClickListener(this)
 
//TODO #15: Bind EditText to TextWatcher
}

ယခု သင်သည် စုစုပေါင်းပျက်စီးဆုံးရှုံးမှု၊ အကြံပြုချက်များနှင့် အစည်းအဝေးတက်ရောက်သူအရေအတွက်ကို ထည့်သွင်းနိုင်ပါပြီ။ ကဲ အရေးကြီးဆုံးက...

ကုန်ကျစရိတ်အပိုင်း

ဤကုဒ်သည် ကုန်ကျစရိတ်များကို တွက်ချက်သည် (#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)
 
}

ကောင်းပြီ၊ ဤနေရာတွင် ကုမ္ပဏီရှိ လူအရေအတွက်ကို ထည့်သွင်းတွက်ချက်ပြီး အကြံပြုချက် (#15) ကို တွက်ချက်နိုင်စေသည့် လုပ်ဆောင်ချက်ကို ခေါ်သည်။

private fun incrementTip() {
 
…
 
}
 
private fun decrementTip() {
 
…
 
}
 
private fun incrementPeople() {
 
…
 
}
 
private fun decrementPeople() {
 
…
 
}

ကျွန်ုပ်တို့သည် အပလီကေးရှင်းကို စတင်လိုက်ပါ။ ရုပ်ရည်ကောင်းမွန်ပြီး အလုပ်လုပ်ပါတယ်။ ဒါပေမယ့် ပိုကောင်းလာနိုင်တယ်။

ဘေလ်ပမာဏကို ဖယ်ရှားပြီးနောက် အရိပ်အမြွက် သို့မဟုတ် သူငယ်ချင်းအရေအတွက်ကို တိုးမြှင့်ရန် ကြိုးစားပါက၊ ကုန်ကျစရိတ် သုညအတွက် စစ်ဆေးခြင်းမရှိသေးသောကြောင့် အက်ပ်သည် ပျက်စီးသွားမည်ဖြစ်သည်။ ထို့အပြင်၊ ငွေတောင်းခံလွှာပမာဏကို ပြောင်းလဲရန် ကြိုးစားပါက၊ ကျသင့်ငွေများကို အပ်ဒိတ်လုပ်မည်မဟုတ်ပါ။

နောက်ဆုံးအဆင့်

TextWatcher (#16) ထည့်ပါ-

အတန်းအစား MainActivity- AppCompatActivity(), View.OnClickListener, TextWatcher {

ထို့နောက် ကျွန်ုပ်တို့သည် billEditText နားဆင်သူ (#17) ကို မြှုပ်နှံထားသည်-

billEditText.addTextChangedListener(ဤ)

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) {}

ကဲ၊ ခုတော့ အရာအားလုံး အဆင်ပြေသွားပြီ။ ဂုဏ်ယူပါသည်၊ သင်သည် Kotlin တွင် သင်၏ကိုယ်ပိုင် "Tip Calculator" ကို ရေးသားခဲ့သည်။

Skillbox မှ အကြံပြုထားသည်-

• နှစ်နှစ်စာလက်တွေ့သင်တန်း "ကျွန်တော်က PRO Web Developer တစ်ယောက်ပါ".
• အွန်လိုင်းသင်တန်း "C# developer".
• လက်တွေ့ တစ်နှစ်သင်တန်း "PHP developer 0 မှ PRO".

source: www.habr.com