Posts

Showing posts from April, 2024

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 programnya adalah sebagai

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.CornerRadius

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 MainActivity

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.