[android] 데이터 바인딩을 사용한 동적 UI 업데이트

21 Dec 2023

android

안드로이드 앱을 개발하다 보면 동적으로 UI를 업데이트해야 하는 경우가 종종 있습니다. 예를 들어 사용자가 어떤 입력을 하거나 외부 데이터가 변경될 때 UI를 즉시 반영해야 할 때가 있습니다. 안드로이드에서 이러한 동적 UI 업데이트를 쉽게 처리하기 위해 데이터 바인딩을 사용할 수 있습니다.

데이터 바인딩이란?

데이터 바인딩은 안드로이드에서 UI 컴포넌트와 앱의 데이터 소스 사이를 연결하는 기술입니다. 이를 통해 UI를 업데이트할 때 데이터 소스의 변경사항을 실시간으로 반영할 수 있습니다.

데이터 바인딩을 사용한 동적 UI 업데이트 예시

다음은 데이터 바인딩을 사용하여 동적 UI 업데이트를 하는 간단한 예시 코드입니다.

레이아웃 파일을 작성합니다.

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="user"
            type="com.example.User" />
    </data>
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Update"
            android:onClick="@{() -> user.updateName()}" />
    </LinearLayout>
</layout>

액티비티 또는 프래그먼트에서 데이터를 바인딩합니다.

ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
User user = new User("John Doe");
binding.setUser(user);

데이터 소스를 업데이트하는 메소드를 구현합니다.

public class User {
    public ObservableField<String> name = new ObservableField<>();

    public User(String name) {
        this.name.set(name);
    }

    public void updateName() {
        name.set("Updated Name");
    }
}

위의 예시에서는 사용자의 이름을 표시하는 TextView와 이름을 업데이트하는 버튼이 있는 레이아웃을 만들고, User 클래스를 생성하여 데이터를 바인딩합니다. updateName() 메소드를 호출할 때마다 이름이 업데이트되고, 이 변경사항이 자동으로 UI에 반영됩니다.

이와 같이 데이터 바인딩을 사용하면 데이터의 변화를 실시간으로 UI에 반영할 수 있으며, 반복적인 UI 업데이트 코드를 간소화할 수 있습니다.

마치며

이렇게 안드로이드 데이터 바인딩을 사용하면 동적 UI 업데이트를 쉽게 처리할 수 있습니다. 데이터 바인딩을 활용하여 앱의 UI를 보다 효율적으로 관리할 수 있으니, 적극적으로 활용해보시기 바랍니다.

더 많은 정보는 안드로이드 공식 문서를 참고해보세요: Android Data Binding

참고 문헌:

https://developer.android.com/topic/libraries/data-binding