목록Compose (13)

Study Record

[Android] Compose modifier(수정자)

😶 레이아웃 수정자 (modifier) 수정자는 Compose UI 요소를 장식하거나 이 요소에 동작을 추가하는데 사용된다. 예를 들어,텍스트나 버튼, 레이아웃의 배경, 패딩, 너비와 높이, 동작을 추가할 수 있다. 이를 설정하려면 컴포저블이나 레이아웃에서 수정자를 매개변수로 허용해야 한다. 예시) Text( text = from, fontSize = 36.sp, modifier = Modifier .clickable(onClick = onClick) .padding(16.dp) .background(colorResource(id = R.color.teal_200)) .align(alignment = Alignment.CenterHorizontally) ) 😶 레이아웃 가중치(weight) 하위 요소끼리..
안드로이드/compose 2023. 8. 29. 16:52
[Android] Compose 컴포저블 참고사항

😶 이미지 컴포저블(Image) val image = painterResource(id = R.drawable.androidparty) Image( painter = image, contentDescription = null, contentScale = ContentScale.Crop, alpha = 0.5F, modifier = Modifier ) alpha 는 이미지의 불투명도를 설정한다. contentScale 는 이미지의 크기를 설정한다. 🙂 아이콘 컴포저블(Icon) Material Design 의 아이콘을 추가할 수 있다. Tint 매개변수를 변경하여 원하는 스타일에 맞게 아이콘의 색상을 조정할 수 있다. Image 컴포저블과 마찬가지로 contentDescription 매개변수를 채워야 한다..
안드로이드/compose 2023. 8. 28. 17:38
[Android] Compose 의 텍스트

JetPack Compose 에서 텍스트 표현은 Text() 컴포저블 함수를 사용한다. @Composable fun Text( text: String, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fontWeight: FontWeight? = null, fontFamily: FontFamily? = null, letterSpacing: TextUnit = TextUnit.Unspecified, textDecoration: TextDecoration? = null, textAlign: TextAlign? =..
안드로이드/compose 2023. 8. 25. 22:45
[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..
안드로이드/compose 2023. 8. 25. 20:32
[Android] Compose 살펴보기(+ 기본 레이아웃 요소)

😶 Compose Jetpack Compose 는 Android UI를 빌드하기 위한 최신 툴킷이다. Compose 이전의 UI 는 View 기반 XML 파일을 따로 구성해야 했다. Compose 는 이전 View 기반보다 적은 양의 코드와 직관적인 Kotlin 기능으로 UI 개발을 간소화한다. Compose 가 UI 를 빌드하는 방법은 구성 가능한 함수 즉, 데이터를 받아서 UI 요소를 설명하는 함수 집합을 정의하여 UI 를 빌드할 수 있다. 😶 구성 가능한 함수(Composable) 구성 가능한 함수는 Compose 내에서 UI 의 기본 빌드 블록으로 UI 의 일부를 설명하며, 아무것도 반환하지 않고 몇 개의 입력을 받아 화면에 표시되는 내용을 설명하는 특징이 있다. 구성 가능한 함수는 @Compos..
안드로이드/compose 2023. 8. 25. 19:47
이전 Prev 1 2 Next 다음