Tugas Pertemuan 6 - Aplikasi Water Bottle

Tugas Pertemuan 6 - Aplikasi Water Bottle

Nama : Rycahaya Sri Hutomo

NRP : 5025201046

Kelas : Pemrograman Perangkat Bergerak B

Tahun : 2024

Membuat Project

1. Di Android Studio, klik File > New > New Project.

2. Dalam dialog New Project, pilih Empty Activity, lalu klik Next.

3. Di kolom Name, masukkan WaterBottle.

4. Di kolom Minimum SDK, pilih API level minimum 26 (Oreo) dari menu, lalu klik Finish.

Mengubah Struktur Kode Contoh

1. Hapus fungsi Greeting dan Greeting Preview.

2. Pada class MainActivity, hapus isi WaterBottleTheme.

Membuat File Kotlin

1. Klik kanan pada folder com.example.mylogin, pilih New, pilih Kotlin Class/File.

2. Beri nama WaterBottle dan pilih File, kemudian tekan Enter pada keyboard.

3. Buat fungsi composable WaterBottle dengan parameter sebagai berikut.

4. Buat kode blok di dalam tanda {} pada fungsi Water Bottle

5. Buat value waterPercentage dan value waterUsedAmount

6. Buat box dengan width 200.dp dan height 600.dp

7. Menggambar botol dengan menambahkan Canvas dalam kode blok Box. Buatlah value width, height, capWidth, capHeight, dan bottleBodyPath.

8. Di dalam kode blok bottleBodyPath, gambar path bentuk botol.

9. Buatlah ClipPath dengan parameter bottleBodyPath. Di dalam kode blok ClipPath, tambahkan drawRect dengan parameter color dan size.

10. Di bawah drawRect, buat value waterWavesYPosition dan waterPath.

11. Buat path dalam kode blok waterPath.

12. Draw path. Kode blok ClipPath selesai

13. Buat drawRoundRect dengan parameter color, size, topLeft, dan cornerRadius. Kode Blok Canvas selesai.

14. buat value text buildAnnotatedString di dalam kode blok Box.

15. Buat Box yang berisi text.

Pada File MainActivity.kt

1. Buat variabel usedAmount dan value totalWaterAmount.

2. Buat Column yang berisi WaterBottle, Spacer (jarak), Text totalWaterAmount, dan Button Drink.

3. Cuplikan kode di MainActivity.kt

Hasil Akhir

Source Code

https://github.com/rycahayash/WaterBottle

Referensi

Komentar