일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 면접
- electron
- 취업
- recyclerview
- hilt
- 개발자
- Navigation Component
- android studio
- themes.xml
- 일렉트론
- 스플래시
- asLiveData()
- BottomNavigationView
- nav_graph
- fragment
- kotlin
- Gradle
- Safe Args
- 테마
- TypeConverter
- Binding Adapter
- 안드로이드
- imageview
- Jetpack Compose
- ViewModel
- Datastore
- 주석
- Livedata
- Android
- room
Archives
- Today
- Total
나만 보는 일기장
[Android] Binding Adapter 쓰는 법 본문
Binding Adapter는 View(xml)에 직접 속성을 만들어 사용할 수 있게 해주는 기능입니다.
class RecipesRowBinding {
companion object {
@JvmStatic
@BindingAdapter("속성 이름")
fun applyVeganColor(view: View, isSomething: Boolean) {
if (isSomething) {
when (view) {
is TextView -> view.setTextColor(
ContextCompat.getColor(
view.context,
R.color.green
)
)
is ImageView -> view.setColorFilter(
ContextCompat.getColor(
view.context,
R.color.green
)
)
}
}
}
}
}
이런 식으로 클래스의 companion object 안에 @JvmStatic과 @BindingAdapter(속성 이름) 어노테이션을 붙인 함수를 만들어 사용합니다.
함수의 첫 번째 매개변수에는 속성이 적용될 뷰의 타입을 넣어주고, 그 뒤로 속성에서 사용할 변수들을 넣어주면 됩니다.
@JvmStatic
@BindingAdapter("loadImageFromUrl")
fun loadImageFromUrl(imageView: ImageView, imageUrl: String) {
imageView.load(imageUrl) {
crossfade(600)
}
}
위 코드는 Coil 라이브리를 통해 이미지 뷰에서 호출하여 imageUrl로 넘어온 String 형태의 주소를 통해 이미지를 로드해주는 예시입니다.
@JvmStatic
@BindingAdapter("applyVeganColor")
fun applyVeganColor(view: View, vegan: Boolean) {
if (vegan) {
when (view) {
is TextView -> view.setTextColor(
ContextCompat.getColor(
view.context,
R.color.green
)
)
is ImageView -> view.setColorFilter(
ContextCompat.getColor(
view.context,
R.color.green
)
)
}
}
}
위 코드는 View를 받아서 View의 타입이 TextView인지 ImageView인지 구분하고, vegan 값에 따라 알맞은 색을 넣어주는 예시입니다.
'개발 > Android' 카테고리의 다른 글
Flow를 LiveData로 바꾸는 방법 (0) | 2021.11.08 |
---|---|
[Room] Type Converter 만들기 (0) | 2021.11.03 |
[RecyclerView, DiffUtil] RecyclerView와 DiffUtil 쓰는 법 (0) | 2021.11.02 |
[Navigation Component] Navigation Component + Bottom Navigation View 사용하기 (0) | 2021.10.31 |
Comments