BindingAdapter를 활용하자

[haeti-dev]

와우 빡빡이 친구들!! 안녕하신가~! 티뱃여우야!
자 오늘 시간에는 BindingAdapter와 BindingConversion에 대해 알아보는 시간을 가져볼게!

우린 데이터 바인딩을 활용해 렌더링을 하고 있어! 근데 제대로 활용하지 못하는 것 같아서 이번엔 양방향 데이터 바인딩을 잘 활용하는 방법에 대해 소개해볼게!

BindingAdapter

라이브 데이터를 통해 데이터 갱신 유무 등등 데이터와 관련된 정보를 주고 받을 때 함수를 통해 가공하곤 하지? 이때 BindingAdaptor를 활용해 유틸리티 메소드를 정의해 xml 파일에서 바로 함수를 사용할 수 있어. 아래 예시를 들어볼게!

@BindingAdapter("imageUrl")
fun loadImage(view: ImageView, imageUrl: String?) {
    if (!imageUrl.isNullOrEmpty()) {
        GlideApp.with(view)
            .load(imageUrl)
            .into(view)
    }
}

먼저 함수 시작 시에 어노테이션을 활용해 BindingAdpator의 사용을 명시해줘! 그다음 원하는 함수를 작성하면 돼! 바인딩 어뎁터 뒤의 "imageUrl"이라는 태그를 통해 xml에서 사용할 수 있어.

imageUrl="@{banner.backgroundImageUrl}"

이런식으로 말이지. 이왕 DataBinding을 사용하는 김에 BindingAdpator를 활용해 메서드를 정의하고 xml에서 사용해보면 어떨까?

BindingConversion

BindingConversion을 활용하면 xml에서 사용하는 데이터 유형을 내가 원하는 유형으로 변환할 수 있어! 사용법은 BindingAdaptor와 비슷해!

@BindingConversion
fun convertToColorDrawable(color:String):Drawable{
    return ColorDrawable(Color.parseColor(color))
}

위와 같이 어노테이션으로 명시해 주고 변환하는 메소드를 작성하면 끝이야! BindingConversion을 사용하면 데이터 형식 간의 자동 변환이 가능해지므로 코드를 더욱 간결하고 유지보수가 용이하다는 장점이 있어!

도움이 되었기를 바래
자 오늘은 여기까지. 그럼 안녕!