[안드로이드] 이미지뷰 data binding

지난 시간에 이어서 이번엔, ImageView 에 이미지 나오도록 하는 방법입니다.

일반적으로 생각하는 src 에 바로 다음과 같이 대입하면 될거 같다고 생각하지만,

<ImageView

        android:layout_width="100dp"

android:layout_height="100dp"

android:src="@{restinfo.pic_path}"  <<

/>

이렇게 하면 되지가 않는다... ;; 

Glide 를 사용하려면 우선 사용할 Activity 혹은 Fragment 에서

다음과 같이 선언해줍니다.

    @BindingAdapter({"bind:imageUrl"})

    public static void loadImage(ImageView imageView, String imageUrl) {

        Glide.with(imageView.getContext())

                .load(imageUrl)

                .placeholder(R.color.lightGray)

                .into(imageView);

    }

bold 로 처리된 imageUrl 이 레이아웃 xml 에서 사용될 함수명 입니다.

실제 레이아웃 xml에서는 다음과 같이 사용합니다.

<ImageView

    android:layout_width="100dp"

    android:layout_height="100dp"

    android:src="@android:drawable/ic_menu_camera"

    android:scaleType="centerCrop"

    app:imageUrl="@{@restinfo.pic_path}"

    />

이렇게 사용하면 문제없이 이미지가 나오는것을 확인할 수 있습니다.