방대한 문서보다 동작하는 소프트웨어

개발

[Compose] 배경에 타일(패턴) 입히기

꽃게장세트 2022. 12. 22. 23:11

타일 이미지를 배경에 적용할 수 있습니다.

결론부터 말하자면 아래와 같이 ShaderBrush를 사용하면 쉽습니다.

 

@Composable
fun HomeScreen() {
val bgImage = ImageBitmap.imageResource(id = R.drawable.bg)
val brush = remember(bgImage) {
ShaderBrush(shader = ImageShader(image = bgImage, TileMode.Repeated, TileMode.Repeated))
}
Column(
modifier = Modifier
.padding(paddingValues)
.fillMaxSize()
.background(brush = brush),
horizontalAlignment = Alignment.CenterHorizontally
) {}
}
view raw HomeScreen.kt hosted with ❤ by GitHub

remember 에 bgImage(ImageBitmap) 를 인자로 넣어줍니다. 이로써, bgImage 는 Recomposition 에서 Composition 때 생성한 값을 반환합니다.