Membuat Program Android Sederhana dengan Composable "Text"
PPB I - Tugas 3
Membuat Program Android Sederhana dengan
Composable "Text"
Halo semuanyaa... Pada kesempatan kali ini, kita akan mencoba membuat sebuah program android sederhana dengan menggunakan Composable "Text" di Android Studio nihh.. Aplikasi yang akan dibuat berupa aplikasi ucapan selamat ulang tahun sederhana. Pasti sudah pada penasran kan, ayuk coba kita simak program dan hasilnya berikut ini.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
package com.example.happybirthday | |
import android.os.Bundle | |
import androidx.activity.ComponentActivity | |
import androidx.activity.compose.setContent | |
import androidx.compose.foundation.layout.fillMaxSize | |
import androidx.compose.material3.Surface | |
import androidx.compose.material3.Text | |
import androidx.compose.runtime.Composable | |
import androidx.compose.ui.Modifier | |
import androidx.compose.ui.tooling.preview.Preview | |
import com.example.happybirthday.ui.theme.HappyBirthdayTheme | |
import androidx.compose.foundation.layout.Arrangement | |
import androidx.compose.foundation.layout.Column | |
import androidx.compose.foundation.layout.padding | |
import androidx.compose.ui.Alignment | |
import androidx.compose.ui.graphics.Color | |
import androidx.compose.ui.text.font.FontWeight | |
import androidx.compose.ui.text.style.TextAlign | |
import androidx.compose.ui.unit.dp | |
import androidx.compose.ui.unit.sp | |
class MainActivity : ComponentActivity() { | |
override fun onCreate(savedInstanceState: Bundle?) { | |
super.onCreate(savedInstanceState) | |
setContent { | |
HappyBirthdayTheme { | |
// A surface container using the 'background' color from the theme | |
Surface( | |
modifier = Modifier.fillMaxSize(), | |
color = Color.DarkGray | |
) { | |
Greeting( | |
message = "Happy Birthday Bagas!", | |
from = "*From Ariel", | |
modifier = Modifier.padding(8.dp) | |
) | |
} | |
} | |
} | |
} | |
} | |
@Composable | |
fun Greeting(message: String, from: String, modifier: Modifier = Modifier) { | |
Column( | |
verticalArrangement = Arrangement.Center, | |
modifier = modifier.padding(8.dp) | |
){ | |
Text( | |
text = message, | |
fontWeight = FontWeight.Bold, | |
color = Color.Black, | |
fontSize = 80.sp, | |
lineHeight = 96.sp, | |
textAlign = TextAlign.Center | |
) | |
Text( | |
text = from, | |
fontWeight = FontWeight.Medium, | |
color = Color.Cyan, | |
fontSize = 32.sp, | |
modifier = Modifier | |
.padding(14.dp) | |
.align(alignment = Alignment.End) | |
) | |
} | |
} | |
@Preview(showBackground = true) | |
@Composable | |
fun GreetingPreview() { | |
HappyBirthdayTheme { | |
Greeting(message = "Happy Birtday Bagas!", from = "*From Ariel") | |
} | |
} |
Komentar
Posting Komentar