Databinding 에서 어떻게 데이터들을 가공할까? 🍽

Databinding을 사용 하고있어! 또 어떤 방식으로 쓰는진 알겠어.

근데 서버에서 받아온 데이터들을 어떻게 가공해서 바로 써?

시간이나 횟수 뭐 하물며 사용자 성별이라도 가공해서 보여줘야하는거 아닌가?

그럼 또 다른 곳에서 주입해줘야하는거 아니야?

라고 생각했지만… 아~주 좋은 기능이 있다.(이러면 뒷말이 궁금해서 벗어나기 힘들다 🤦‍♂️)

 

1. 일단 사용할 Data class를 만든다.

data class Memo(
// @SerializedName("id") <- 서버에선 이 이름으로 받아오게하고
// 사용할 때에는 아래에 정한 변수명으로 사용한다.
​
// @Expose => object 중 해당 값이 null 경우
// -> json 으로 만들 필드를 자동 생략
    @SerializedName("id")
    @Expose val id: Int,
​
    @SerializedName("title")
    @Expose val memoTitle: String,
​
    @SerializedName("content")
    @Expose val memoContent: String,
)

 

 

2. BaseObserverable을 상속받는다.

data class Memo(
    ...
    @SerializedName("content")
    @Expose val memoContent: String,
): BaseObservable() {
​
}

 

3. 안에서 가공할 코드를 적는다.

data class Memo(
    @SerializedName("id")
    @Expose val id: Int,
​
    @SerializedName("title")
    @Expose val memoTitle: String,
​
    @SerializedName("content")
    @Expose val _memoContent: String, // (1)
): BaseObservable() {

  @get:Bindable
  val memoContent: String // (2)
      get() {
          val memo = "메모 상세내용 : ${_memoContent}"
          return memo
      }
      
}

위에 (1) 을 보면 원래 사용하던 memoContent 변수명 앞에 _가 붙어있는걸 볼 수 있다.

(2)에서 똑같은 변수명을 쓰고 있는데 이유는 내가 실제로 사용할 때 가공한 데이터만 불러오고 싶다면 _를 붙이고 구분을 하기 위해서 변수명은 똑같지만 _를 붙여주는 것으로 설정했다.

 

4. 이제 실제로 사용하면 된다.

<?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"
    xmlns:tools="http://schemas.android.com/tools">
​
    <data>
        <variable
            name="item"
            type="com.example.project.models.Memo" />
    </data>
​
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
​
            <TextView
                android:id="@+id/tv_memo"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:fontFamily="@font/noto_medium"
                android:text="@{item.memoContent}"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />
...

이렇게 호출하면

_memoContent의 값은 -> "메에모오". 라면
memoContent의 값은 -> "메모 상세내용 : 메에모오" 가 될 것이다.

끄읏

 

위에서는 간단한 String 작업을 했지만 시간 관리 표시라던지 Model간 유기적인 작업이 필요한 경우

Data class 안에 BaseObserverable 에서 데이터를 가공해 xml에서 간단하게 호출이 가능하게 구현이 가능하다.

정말 편하고 깔끔해지는 코드를 보니 기분이 더할 것 없이 좋다. 흐흐흐흫