반응형 interactionSource2 IconButton Ripple Effect 구현 # Jetpack Compose 기존 XML 의 ImageButton 유아이에 대응되는 것이 바로 IconButton 인데요. 오늘은 이 버튼에 Ripple Effect주는 방법에 대해서 정리해 보도록 하겠습니다. 1. IconButton 에 Ripple Effect 주기 1-1. Indication XML 에서는 ImageButton으로 구현하였던 것들은 대부분 IconButton 으로 변환할 수 있는데요. 먼저 코드를 보겠습니다. 핵심적인 부분이 바로 Modifier.Indication() 부분인데요. Visual Effect 를 그려주는 부분이 됩니다. IconButton( onClick = {}, modifier = Modifier .size(40.dp) .indication(interactionSource, ripple) ){.. 2023. 4. 28. Button Selector 구현 방법 # 버튼 눌렸을 때 Interaction Jetpack Compose 오늘은 Jetpack Compose에서 Button Selector를 구현하는 방법에 대해서 정리해 보도록 하겠습니다. 참고로 예전에 xml로 버튼 selector를 구현하는 방법은 아래 글에 정리되어 있습니다. >> Android 에서 Button 눌렸을 때 이미지 변경 방법 1. 예전방식 Selector 예전에는 아래와 같이 selector xml을 정의해서, pressed를 판별해서 눌려서 true이면 A이미지를, pressed 가 false이면 B이미지를 보여주도록 했습니다. 2. Compose 방식 Compose에서는 UI상태를 State을 통해서 얻고 변경하게 되는데요. pressed 상태는 Interaction State을 통해서 얻어올 수 있습니다. val interactionSource .. 2022. 11. 28. 이전 1 다음