만약 Sample 객체에 Sample색깔을 표현하는 int sampleColor가 있다고 가정하자. 0이면 흰색, 1이면 검은색을 반환해야한다.
그러면 아주 보편적으로는 다음과 같이 할 것이다.

public class Sample{
    ...
    private int sampleColor;
    ...
    public String getSampleColorAsText(){
        return (sampleColor==0) ? "흰색" : "검은색;
    }
}

레이아웃 xml파일에서는

<TextView
          ...
          android:text="@{sample.getSampleAsText}"/>

그러나 이는 데이터 관련 처리는 xml에서 처리하겠다는 앞선 데이터 바인딩과 관련이 멀어진다.

데이터바인딩 적용(XML내 데이터 가공)

getSampleColorAsText()부분을 지우고 위 xml 코드를 다음과 같이 수정한다.

android:text="@{(sample.sampleColor == 0) ? "흰색" : "검은색"}

public class Sample{
    ...
    public static final int SAMPLE_COLOR_WHITE = 0;
       public static final int SAMPLE_COLOR_BLACK = 1;
    ...
}

상수를 어떻게 xml내에서 처리할 수 있을까?

<layout 
        ...>
    <data>
        <import type="com.example.myapplication.UserProfile"/>
        <variable name="userProfile" type="com.example.myapplication.UserProfile"/>
    </data>
  ...
</layout>

위와 같이 data영역 수정한 후 xml 내부 해당 TextView 코드를 수정한다.

android:text="@{(sample.sampleColor == Sample.SAMPLE_COLOR_WHITE) ? "흰색" : "검은색"}

public class Sample{
    ...
    private String sampleImageUrl;
    ...
}

<ImageView
           android:layout_width="100dp"
           android:layout_height="100dp"
           imageUrl="@{sample.sampleImageUrl}"/>

이 때, 외부라이브러리 없이 imageUrl이라는 custom attribute는 binding adapter를 통해 동작을 구현해주면 된다. binding adapter는 static으로 imageUrl에 대한 메소드를 구현해주면 됨

public class MyBindingAdapter {
    @BindingAdapter("imageUrl")
    public static void loadImageUrl(ImageView view,String url){
        Glide.with(view.getContext()).load(url).into(view);
    }
}

졸업프로젝트 적용

졸프 적용

기존 프로젝트

• sample 객체를 뷰바인딩을 통해 가져온 뷰에 데이터를 setText()를 통해 세팅함 → 데이터바인딩이라고함
• 이 부분을 Activity코드에서 빼내어 layout내에 옮기는 과정을 할 예정!

  데이터 바인딩 화면,뷰 분리

• 데이터바인딩 활성화 dataBinding { enabled true }
• 레이아웃 내에 레이아웃 영역 외에 데이터 영역 만들기
• 레이아웃 영역과 데이터 영역을 루트 레이아웃 영역으로 감싸고 layout 정보 저장
• 데이터바인딩 대상 view에 아래와 같이 작성해서 처리

  <layout xmlns:android="..."
        xmlns:app="..."
        xmlns:tools="...">
    <data>
      <!--데이터 바인딩 대상-->
      <variable
          name="sample"
          type="com.example.myapplication.Sample"/>
  </data>
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <!-- 각종 view -->
    <!-- 아래 예-->
    <TextView
              android:id="@+id=/sampleName"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="@{sample.sampleName}"/>
  </LinearLayout>
  </layout>
  

```

• Activity 코드에서 데이터 세팅 코드 부분 필요 없어짐

• 대신 Sample 객체로 선언한 sample 변수를 binding에 세팅하면 됨 binding.setSample(sample);

• Activity에 순수 로직만 남아있어!!...

• 데이터바인딩을 실제 프로젝트에 사용하다 보면, expression language로 다양한 형태의 로직을 가능하게 해줌

졸업 프로젝트 적용

졸프 적용

기존 프로젝트

• Sample 객체

  public class Sample{
    private String sampleName;
  
    public Sample(){}
  
    public String getSampleName(){
        return sampleName;
    }
  
    public String setSampleName(String sampleName){
        this.sampleName = sampleName;
    }
  }

• 레이아웃 안에 TextView

  <TextView
        android:id="@+id/sample_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
  

* Activity안 onCreate()안
```JAVA
sampleName = findViewById(R.id.sample_name);
fetchSample();

• Activity안 fetchSample() 작성

  private void fetchSample(){
    Sample sample = new Sample();
    sample.setSampleName("홍길동");
  
    updateUI(sample);
  }

• Activity안 updateUI()작성

  private void updateUI(Sample sample){
    sampleName.setText(sample.getSampleName());
  }

  1. findViewById()로 레퍼런스를 가지고 오기 → View Binding

2. fetchSample()에서 데이터 로딩
3. updateUI()에서 레퍼런스에 데이터 세팅 → Data Binding

뷰 바인딩 (findViewById() 없애기)

• viewBinding 활성화 build.gradle(app)에 viewBinding { enabled true } →안드로이드 스튜디오가 Activity...Binding 클래스를 레이아웃 폴더 내의 레이아웃마다 만들어줌 →Activity...Binding 클래스는 findViewById()로 레퍼런스를 가지고 오기를 대신 해 줌 →Project mode에서 찾아볼 수 있음
• activity_...이라는 레이아웃 파일을 inflation해서 그 안의 id가 정의되어 있는 view들을 레퍼런스로 만들고 레퍼런스의 실 객체를 대입해주는 것까지 함 Activity...Binding binding = Activity...Binding.inflate(getLayoutInflater());
• binding 객체에는 inflation 된 객체의 최상위 객체를 가져오는 getRoot()를 이용 setContentView(binding.getRoot()0;
• 레퍼런스를 가져오는 과정을 생략하고, 데이터를 세팅할 때 binding.sample.setText(sample.getSampleName());

졸업프로젝트에 적용

졸업프로젝트 일지