Posts

Membuat Animated Scroll Menggunakan Material Design

Image
Muhammad Ferdian Iqbal/5025201020 PPB I /  Github Pada kesempatan kali ini saya akan mencoba membuat scroll animasi menggunakan Material Design . Sebelumnya, Anda perlu melakukan cloning repository pada branch starter pada  Link berikut . Command  yang dapat digunakan untuk melakukan cloning adalah git clone -b starter https://github.com/google-developer-training/basic-android-kotlin-compose-training-affirmations . Selanjutnya, Anda dapat membuat direktori baru di com.example.affirmations yaitu, model. Di dalam direktori model dapat dibuat file class baru yaitu Affirmation.kt . Selanjutnya memasukkan kode program berikut. package com.example.affirmations.model import androidx.annotation. DrawableRes import androidx.annotation. StringRes data class Affirmation( @StringRes val stringResourceId : Int, @DrawableRes val imageResourceId : Int ) Selanjutnya, Anda dapat memodifikasi kode program pada file Datasource.kt di dalam direktori data. Modifikasi kode program...

Membuat Animated Water

Image
Muhammad Ferdian Iqbal/5025201020 PPB I /   Github Pada kesempatan kali ini saya akan mencoba untuk membuat animasi penambahan air di dalam botol. Saya membagi kode program menjadi dua yaitu WaterBottle.kt dan MainActivity.kt. WaterBottle.kt package com.example.waterbottleapplication import androidx.compose.animation.core.animateFloatAsState import androidx.compose.animation.core.animateIntAsState import androidx.compose.animation.core.tween import androidx.compose.foundation.Canvas import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.fillMaxHeight import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.width import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.geometry.CornerRa...

Membuat Kalkulator Sederhana

Image
Muhammad Ferdian Iqbal/5025201020 PPB I /   Github Pada kesempatan kali ini saya akan mencoba membuat kalkulator sederhana. Berikut adalah kode program untuk aplikasi ini : MainActivity.kt package com.example.kalkulatorsederhana import android.os.Bundle import android.widget.Toast import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.width import androidx.compose.material3.Button import androidx.compose.material3.Text import androidx.compose.material3.TextField import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.runtime.setValue import androidx.compose.ui.Modifier import androidx.compose.ui.unit.dp class MainActiv...

Membuat Halaman Login

Image
Muhammad Ferdian Iqbal/5025201020 PPB I / Github Pada kesempatan kali ini, saya akan mencoba membuat halaman login menggunakan Jetpack Compose. LoginScreen.kt package com.example.mylogin import android.util.Log import androidx.compose.foundation.Image import androidx.compose.foundation.clickable import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.size import androidx.compose.material3.Button import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.OutlinedTextField import androidx.compose.material3.Text import androidx.compose.runtime.Composable import androidx....

Interaksi Button dengan Aplikasi Dice Roller

Image
Muhammad Ferdian Iqbal/5025201020 PPB I / Github      Pada kesempatan kali ini, saya akan mencoba membuat interaksi pengguna menggunakan button. Apabila button Roll diklik, akan menampilkan dadu dengan nilai yang berbeda. package com.example.diceroller import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.Image import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.wrapContentSize import androidx.compose.material3.Button import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Surface import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.runtime.remember import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableIntStateOf import androidx.compose.runtime.setValue import androidx.compose.ui.Align...

Membuat Program Android Sederhana dengan Composable "Text"

Image
Muhammad Ferdian Iqbal/5025201020 PPB - I / Tugas 3          Pada kesempatan kali ini, saya akan mencoba untuk membuat aplikasi sederhana menampilkan teks ucapan selamat ulang tahun.  package com.example.happybirthday import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Surface import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.tooling.preview. Preview import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.sp import com.example.h...