06-4 뷰 바인딩

뷰 바인딩(view binding)

레이아웃 XML 파일에 선언한 뷰 객체를 코드에서 쉽게 이용하는 방법이다

 

안드로이드는 UI를 구성할 때 대부분 레이아웃 XML 파일을 이용한다. 레이아웃 XML파일에 등록한 뷰는 findViewByID() 함수로 얻어서 사용해야 한다.(06-2 참조) 그런데 이 작업은 꽤 귀찮다. 한 화면을 구성하는 데만도 많은 뷰가 필요하고, 또 뷰는 대부분 코드에서 이용한다. 따라서 코드에서 뷰 객체를 선언하고 모두 findViewById() 함수로 하나하나 가져와야 한다. 그래서 개발자들은 생각했다.

"액티비티에서 findViewById()함수를 이용하지 않고 레이아웃 XML 파일에 등록된 뷰 객체를 쉽게 사용할 수는 없을까?"

이를 위해 butterknife라는 라이브러리도 등장했었는데 이제는 그런 라이브러리 도움 없이도 코드에서 레이아웃 XML에 선언한 뷰를 쉽게 이용할 수 있다. 라이브러리보다 코드도 훨씬 더 간결하다.

 

뷰를 레이아웃 XML에 선언했을 때, 선언한 뷰를 코드에서 id값으로 얻어서 사용할 수도 있따. 그런데 뷰 바인딩 기법을 이용하면 코드에서 훨씬 더 간편하게 뷰 객체를 이용할 수 있다.

우선 뷰  바인딩을 사용하려면 그래들 파일에 다음처럼 선언해야 한다.

// 그래들 파일에 뷰 바인딩 설정
android {
	(... 생략 ...)
    viewBinding {
    	enabled = true
    }
}

build.gradle 파일을 열고 android 영역에 buildFeatures를 선언한다. 그리고 그 안에 뷰 바인딩을 적용하라는 의미로 viewBinding = true를 설정한다. 이렇게 하면 레이아웃 XML 파일에 등록된 뷰 객체를 포함하는 클래스가 자동으로 만들어진다. 즉, 우리가 직접 코드에서 뷰를 선언하고 findViewById() 함수를 호출하지 않아도 이를 구현한 클래스가 자동으로 만들어지므로 이 클래스를 이용해 뷰를 사용하기만 하면 된다.

자동으로 만들어지는 클래스의 이름은 레이아웃 XML 파일명을 따른다. 첫글자는 대문자, 밑줄(_)은 빼고, 뒤에오는 단어 첫글자는 대분자, 그리고 'Binding'을 추가한다.

ex. activity_main.xml ➡️ ActivityMainBinding

 

자동으로 만들어진 클래스의 inflate() 함수를 호출하면 바인딩 객체를 얻을 수 있다. 이때 인자로 layoutInflater를 전달한다. 그리고 바인딩 객체의 root 프로퍼티에는 XML의 루트 태그 객체가 자동으로 등록되므로(?) 액티비티 화면 출력은 setContentView() 함수에 binding.root를 전달하면 된다. 

// 바인딩 객체 이용법
class MainActivity : AppCompatActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
    	super.onCreate(savvedInstanceState)
        
        // 아마 그래들 파일에서 buildFeatures도 선언되고 viewBinding = true도 선언돼서
        // 레이아웃 XML 파일에 등록된 뷰 객체를 포함하는 클래스가 자동으로 만들어졌을 거임
        
        // 바인딩 객체 획득(자동으로 만들어진 클래스의 inflate()함수 호출함으로써)
        val binding = ActivityMainBinding.inflate(layoutInflater)
        // 액티비티 화면 출력
        setContentView(bindng.root)
        
        // 뷰 객체 이용
        binding.visibleBtn.setOnClickListener {
        	binding.targetView.visibility = View.VISIBLE
        }
        binding.invisibleBvtn.setOnClickListener {
        	binding.targetView.visibility = View.INVISIBLE
        }
    }
}

바인딩 객체에 등록된 뷰 객체명은 XML 파일에 등록한 뷰의 id값을 따른다. 즉, XML에 뷰를 <Button android:id="@+id/visibleBtn" /> 처럼 등록했다면 바인딩 객체에 visibleBtn이라는 프로퍼티명으로 등록된다. 따라서 코드에서는 binding.visibleBtn으로 이용하면 된다.

그런데 build.gradle 파일에 뷰 바인딩을 이용하겠다고 선언하면 레이아웃 XML 하나당 바인딩 클래스가 자동으로 만들어지는데, 이때 어떤 레이아웃 XML 파일은 바인딩 클래스로 만들 필요가 없을 수도 있다. 이때 XML 파일의 루트 태그에 tools:viewBindingIgnore="true"라는 속성을 추가한다. 이 속성을 추가하면 해당 XML 파일을 위한 바인딩 클래스를 만들지 않는다. 

// 바인딩 생략 속성
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
    (... 생략 ...)
    tools:viewBindingIgnore="true">