홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송 메인홈 1대1상담
운.영.자.1대1.상담
온라이브 음악방송
음악방송 앱 다운로드
OKTROT(무료음악채널)
뽕짝아가씨(무료음악채널)
아리랑가요(무료음악채널)
전통가요(무료음악채널)
보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
[DataBinding] ImageView src에 연동 하기 (함수 연결)
3년 전
DataBinding이 무엇이고 기본적으로 어떻게 쓰이는지는 아래에서 확인 하면 되겠습니다.
https://developer.android.com/topic/libraries/data-binding/index.html

이번 내용에서는 ImageView src에 어떻게 이미지를 연동 할 것인가에 대해 공유해보고자 합니다.

우선 ImageView에 이미지 리소스 id를 그냥 연결 하면 되지 않습니다.
아래와 같이 생각하시는 분들이 있을 껍니다.

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <data>
        <variable
            name="data"
            type="com.example.Data"/>
    </data>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@{data.resid}"/>
</layout>

안됩니다. 안되요~~

src에 이미지를 넣기 위해서는 BindAdapter annotation을 이용하여 함수 바인딩이 필요 합니다.
전 여기서 거의 몇시간을 테스트 하고 시간을 보냈는데요.

함수 바인딩을 할 때 가장 쉽게 생각 할 것이 annotation으로 연동이 된다는 것입니다.
함수 만드는 법을 간단하게 보여드리겟습니다.

package com.namuon.ringq.fragment.ring;

import android.databinding.BindingAdapter;
import android.widget.ImageView;

public class TestBindingAdapter {
    
    @BindingAdapter({"bind:imgRes"})
    public static void imgload(ImageView imageView, int resid) {
        imageView.setImageResource(resid);
    }
}
TestBindingAdapter라는 클래스는 그냥 자바는 클래스 내에 코드를 적어야 하기 때문에 만들어 놓은 것이라고 생각하시면 됩니다.
그냥 마음대로 클래스 하나 생성하시구요.
중요한 부분이 imgload static 함수 입니다.


public static void 로 정의 하신 다음에 적용 하고 싶으신 View를 매개변수 첫번째에 넣습니다.
그리고 두번째 매개변수 부터는 받아오는 값을 넣습니다.

그리고 BindingAdapter annotation으로 함수를 정의 합니다.
"bind:imgRes" 가 xml 에서 "app:imgRes"로 사용할 예정 입니다.
여기서  app은 아래와 같은 xml 네임 스페이스 죠.
xmlns:app="http://schemas.android.com/apk/res-auto"

imgRes와 imgload(함수명)은 꼭 같은 필요가 없습니다. Spring을 써보신 분들은 아시겠지만, 그냥 함수명일 뿐이죠 ㅎ
로컬에서 부를 때는 저 함수를 부르면 됩니다.

이제 함수는 정의 되었으니 XML에 적용 시켜 보겠습니다.

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent" android:layout_height="match_parent">
    <data>
        <variable
            name="data"
            type="com.example.Data"/>
    </data>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:imgRes="@{data.resid}"/>
</layout>
자 위와 같이 하면 됩니다.
아래가 중심이 되는 부분이죠.
app:imgRes="@{data.resid}"

annotation으로 정의된 이름으로 정의 한 다음에 바인딩을 시키면 됩니다.
이렇게 클래스에 static 함수를 BindingAdapter라는 annotation만 정의하면
xml에서 편하게 이미지를 부를 수도 있습니다.

아래는 참고로 imageUrl 함수로써 Glide를 이용하는 예제 입니다.

  

@BindingAdapter({"bind:imageUrl"})
public static void loadImage(ImageView imageView, String imageUrl) {
       Glide.with(imageView.getContext())
       .load(imageUrl)
       .diskCacheStrategy(DiskCacheStrategy.SOURCE)
       .placeholder(R.color.lighter_gray)
       .into(imageView);
}
  
Now you can load the image from the string URL using the following method from XML:
  
<ImageView
                android:layout_width="@dimen/place_item_image_size"
                android:layout_height="@dimen/place_item_image_size"
                app:imageUrl="@{viewModel.imageUrl}" />
  

http://mlsdev.com/en/blog/57-android-data-binding


그럼 DataBinding으로 좀더 편하게 코딩 해보세요.
추천추천 : 655 추천 목록
번호 제목
1,333
 오류난 폴더 강제삭제 방법
1,332
 크롬에서 플래시 항상 허용하도록 설정하기 (레지스트리) reg 파일 만들기
1,331
 GPT 디스크를 MBR 디스크로 변환
1,330
 MBR 디스크를 GPT 디스크로 변환
1,329
 구글 검색을 200% 활용하게 해주는 검색 명령어 총정리
1,328
 [Jquery] jQuery로 우클릭 방지, 드래그 방지, 선택 방지 (IE10, 파이어폭스, 크롬 확인)
1,327
 php 사용자 접속IP, 브라우저정보, os정보, http, https 접속프로토콜 알아오기
1,326
 [PHP] IE 브라우저 접속 검출하기
1,325
 윈도우10 시스템 예약 파티션 확인 및 삭제
1,324
 윈도우10 복구 파티션 삭제 방법
1,323
 윈도우10 부팅지연 검은화면에서 몇분간 머무는 현상 해결방법
1,322
 삼성노트북 바이오스 진입이 불가능한 경우 바이오스 재설치와 NVRAM 초기화
1,321
 익스플로러(IE)의 구글 검색공급자 한글로 변경 방법
1,320
 윈도우 10 기본 앱 삭제 및 복구
1,319
 meta 태그 http-equiv 설정방법과 차이점
1,318
 구글(Google)검색에서 고급연산자를 이용하여 많은 정보를 얻는 방법
1,317
 프로그램 없이 하드디스크 복사 및 백업하기
1,316
 Windows7 업데이트 기록 삭제방법
1,315
 포토샵 psd 파일 연결 레지스트리(registry) 편집
1,314
 윈도 10 최신 업데이트 후 인터넷 속도의 저하가 발생할 때 조치 사항
1,313
 Autotuning level 해제 (윈도우비스타 이상 윈도우)인터넷 속도 빠르게 하는 방법
1,312
 윈도우에서 특정프로세스를 일괄 종료하는법
1,311
 MediaPlayer 클래스 사용법
1,310
 안드로이드에서 audio player 실행하기
1,309
 [Android] MediaPlayer 음악재생기 만들기
목록
추억의가요방
인기절정뽕짝파티
인기트로트모음
지루박디스코메들리
밤무대애창곡
전자올겐경음악
세월따라노래따라
가슴시린트로트
7080추억속으로
CDN 추천곡
종합성인가요방
못잊을옛날노래
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
POP TOP BEST

최신인기가요특집
추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.