halo semuanya, kali ini saya mau membagikan project kecil kecilan saya yang terinspirasi dari apps di appstore, kali ini saya mau membuat kalkulator BMI menggunakan swift dan UIKIT, kalkulator BMI adalah kalkulator untuk mengukur apakah berat badan kita termasuk kedalam kurus, normal, gemuk atau obesitas, dengan memanfaatkan UIKIT saya akan menyajikan kalkulator dengan tampilan lebih interaktif. berikut tampilan kalkulatornya.
kalkulator ini memiliki beberapa komponen yaitu :
1. slider
2. label
3. segmented control
slider kita gunakan untuk mengatur angka yang ingin di inputkan oleh user, kita batasi sesuai dengan berat dan tinggi manusia pada umumnya.
label kita gunakan untuk menampilkan hasil dari input user dan memberikan judul dari komponen tertentu.
segmented control digunakan untuk memberikan efek dark dan light mode seperti aplikasi telegram dan twitter.
oke lanjut saja ke langkah2nya.
1. buat project xcode dengan nama BMICalculator
2. lalu siapkan semua komponen sesuai UI pada gambar aplikasi di atas
note: untuk emoticon menggunakan label component
3. tambahkan constraint (bila perlu)
4. tambahkan kode program seperti berikut
untuk UIKIT, posisikan komponen kalian seperti ini.
pastikan outlet dan action kalian terkoneksi, apabila belum silahkan koneksikan.
dan jika selesai, run aplikasinya dan selesai sudah. :) goodluck guys. smoga bermanfaat
kalkulator ini memiliki beberapa komponen yaitu :
1. slider
2. label
3. segmented control
slider kita gunakan untuk mengatur angka yang ingin di inputkan oleh user, kita batasi sesuai dengan berat dan tinggi manusia pada umumnya.
label kita gunakan untuk menampilkan hasil dari input user dan memberikan judul dari komponen tertentu.
segmented control digunakan untuk memberikan efek dark dan light mode seperti aplikasi telegram dan twitter.
oke lanjut saja ke langkah2nya.
1. buat project xcode dengan nama BMICalculator
2. lalu siapkan semua komponen sesuai UI pada gambar aplikasi di atas
note: untuk emoticon menggunakan label component
3. tambahkan constraint (bila perlu)
4. tambahkan kode program seperti berikut
untuk UIKIT, posisikan komponen kalian seperti ini.
bills macbook |
pastikan outlet dan action kalian terkoneksi, apabila belum silahkan koneksikan.
dan jika selesai, run aplikasinya dan selesai sudah. :) goodluck guys. smoga bermanfaat