본문 바로가기
프로그래밍 놀이터/Compose

[android] ImageView in Compose (Image)

by 돼지왕 왕돼지 2022. 9. 8.
반응형

 

#

Android View 시스템의 ImageView 는 Compose 에서 'Image' 에 매칭된다.

 

#

Image 의 function signature 는 아래와 같다.

@Composable
fun Image(
    painter: Painter,
    contentDescription: String?,
    modifier: Modifier = Modifier,
    alignment: Alignment = Alignment.Center,
    contentScale: ContentScale = ContentScale.Fit,
    alpha: Float = DefaultAlpha,
    colorFilter: ColorFilter? = null
)

 

#

Compose 에서 Image 에 imageRes (drawable) 를 그리기 위해서는 "painterResource" 라는 함수를 통한다.

Image(
	painter=painterResource(R.drawable.icon),
	contentDescription=null, // 필수 param
)

 

#

Image 에 ClickListener 를 달기 위해서는 Modifier.clickable 을 이용한다.

Image(
	painter=painterResource(R.drawable.icon),
	contentDescription=null, // 필수 param
	modifier=Modifier.clickable { /* .. */ },
)

 

 

반응형

댓글