カテゴリー:
ユニット 1: 初めての Android アプリ / Compose を用いた Android アプリ開発の基礎
閲覧数:66 配信日:2024-10-23 12:55
完成した MainActivity.kt:
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.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.text.style.TextAlign import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.sp import com.example.happybirthday.ui.theme.HappyBirthdayTheme 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 = MaterialTheme.colorScheme.background ) { GreetingText( message = "Happy Birthday Sam!" , from = "From Emma" , modifier = Modifier.padding( 8 .dp) ) } } } } } @Composable fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) { Column( verticalArrangement = Arrangement.Center, modifier = modifier ) { Text( text = message, fontSize = 100 .sp, lineHeight = 116 .sp, textAlign = TextAlign.Center ) Text( text = from, fontSize = 36 .sp, modifier = Modifier .padding( 16 .dp) .align(alignment = Alignment.End) ) } } @Preview (showBackground = true ) @Composable fun BirthdayCardPreview() { HappyBirthdayTheme { GreetingText(message = "Happy Birthday Sam!" , from = "From Emma" ) } } |