[안드로이드] 데이터 바인딩

[Step 1] build.grade (Module: app)

android {
    /*...*/

    dataBinding {
        enabled = true
    }
}

데이터 바인딩을 사용하기 위해서는 위와 같은 설정을 해줍니다.

[Step 2] layout 설정

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>
        <variable
            name="user"
            type="com.kimjunhong.exampledatabinding.model.User" />
    </data>

    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.kimjunhong.exampledatabinding.MainActivity">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.firstName}" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.lastName}" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Click" />
    </LinearLayout>
</layout>

데이터 바인딩을 사용하기 위해서는 XML의 최상단에 <layout> 태그로 감싸줍니다.

[Step 3] 자바코드 1

public class MainActivity extends AppCompatActivity {
    ActivityMainBinding binding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
    }
}

res에서 activity_main.xml 파일이 카멜케이스 이름으로 ActivityMainBinding 클래스가 자동 생성됩니다.

setContentView() 대신에 DataBindingUtil.setConentView()를 사용해서 layout을 바인딩 합니다.

[Step 4] 자바코드 2

public class MainActivity extends AppCompatActivity {
    ActivityMainBinding binding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        binding.button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

            }
        });
    }
}

데이터바인딩을 완료한 이후 binding.(id)로 접근이 가능해집니다.

여기까지가 기본적인 데이터바인딩 활용법입니다!

이외에 많은 기능은 추가적으로 업데이트 하겠습니다 :D

[마지막 업데이트: 2017. 09. 13]