[Android] Compose 참고사항

😶 Preview - 미리보기

Android 의 디자인(Besign) 창에서 미리보기로 볼 수 있다.

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    HappyBirthdayTheme {
        Greeting("Android")
    }
}

 

😶 픽셀 표시 방법

확장 가능한 픽셀(SP) 는 글꼴 크기의 측정 단위이고, 밀도 독립형 픽셀(DP)는 레이아웃에 사용하는 단위이다. 기본적으로 SP단위와 DF단위는 크기가 동일하지만 사용자가 휴대전화 설정에서 선택한 선호하는 텍스트 크기에 따라 크기가 조절된다.

// Ex. SP
import androidx.compose.ui.unit.sp

Text(
    text = message,
    fontSize = 24.sp,
    lineHeight = 60.sp
)

// Ex. DP
import androidx.compose.ui.unit.dp

Column(
    verticalArrangement = Arrangement.Center,
    modifier = modifier.padding(8.dp)
){
 // ..
}

 

😶 아이콘(icon)

Material Design 은 대부분의 요구에 부합하는 다수의 아이콘을 카테고리로 정리하여 제공한다. 아이콘은 아래처럼 gradle 종속 항목을 추가하면 사용할 수 있다.

implementation("androidx.compose.material:material-icons-extended")

 

 

예시 아이콘을 추가하는 코드이다.

Icon(
   imageVector = Icons.Filled.ExpandMore
)

 

아이콘을 전체적으로 볼 수 있는 사이트이다.

Material Symbols and Icons - Google Fonts

 

 

😶 컴포저블 함수에서 activity 종료

@Composable
fun GameScreen() {
    val activity = (LocalContext.current as Activity)
    
    activity.finish()
}

 

 

 

Jetpack Compose용 Kotlin  |  Android Developers