[뷰바인딩] 코틀린 익스텐션 대체를 위한 viewBinding 처리 > Android

[뷰바인딩] 코틀린 익스텐션 대체를 위한 viewBinding 처리

페이지 정보

작성자 Scott
댓글 1건 조회 119회 작성일 21-01-03 01:32

본문

# 뷰바인딩 (View Binding)
코틀린 익스텐션이 deprecated 되면서, 소스코드에서 id.attribute 의 형태를 사용하지 않는 것을 권장하고 있습니다.
이를 대체하는 것으로 전통적인 findViewById() 가 있지만, 코드의 가독성이 떨어지고, 의미없는 코드량이 많이지는 단점들이 있기 때문에 좋은 대체제는 아닌것 같습니다.
안드로이드는 코틀린익스텐션의 대체제로 안드로이드 스튜디오 3.6버전 부터 viewBinding을 제공하고 있는데, 몇 가지 예시로 사용법을 알아보겠습니다.

### gradle 설정
build.gradle 의 android 블럭에 viewBinding 을 사용한다는 것을 다음과 같이 선언해야 합니다.
```grooby
android {
	... 생략
	
	buildFeatures {
		viewBinding true
	}
}
```
만약 dataBinding을 사용한다면 dataBinding 자체가 viewBinding을 포함하고 있기 때문에 둘 다 써줄 필요는 없습니다.
### viewBinding 동작원리
viewBinding은 gradle에 설정하는 것 만으로 개발자가 작성한 레이아웃 파일들을 다음과 같은 공식으로 모두 바인딩클래스로 자동변환 해줍니다.

> 자동변환공식 : 레이아웃파일명(첫 글자와 언더바 다음영문을 대문자로 변환) + Binding
예) 
activity_main.xml = ActivityMainBinding
activity_sub.xml  = ActivitySubBinding
item_recycler.xml = ItemRecyclerBinding

### Activity에서 사용하기
액티비티에서는 lazy를 사용해서 최초 호출시에 초기화 되도록 binding 프로퍼티를 선언하고 사용하면 됩니다.
주의할 점은 setContentView에 binding.root를 전달해야지만 정상동작 합니다.
액티비티에서 사용하는 레이아웃 파일의 이름이 activity_main.xml 이기 때문에 바인딩의 이름은 ActivityMainBinding이 됩니다.
```
class MainActivity : AppCompatActivity() {
	// lazy 를 사용해서 처음 호출될 때 초기화 되도록 설정
	val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

override fun onCreate() {
		super.onCreate()
		setContentView(binding.root) // * setContentView에는 binding.root를 꼭 전달
	}
	
	fun test() {
		// binding 이 프로퍼티로 선언되어 있기 때문에 액티비티 전체에서 호출 가능
		// binding.위젯id.속성 = "값"
		binding.textView.text = "hello binding"
	}
}
```

### Fragment에서 사용하기
액티비티와는 다르게 LayoutInflater를 onCrateView에서 넘겨 받기 때문에 lateinit으로 선언해 두는 것이 편합니다. 
주의할 점은 액티비티와는 다르게 바인딩의 inflate()메서드에 세 개의 파라미터가 사용되는 것입니다. 거의 바인딩.inflate(인플레이터, 컨테이너, false) 형태로 사용됩니다.
프래그먼트에서 사용하는 레이아웃 이름이 fragment_list.xml이기 때문에 바인딩은 FragmentListBinding이 됩니다. 만약 레이아웃 파일이름이 다르다면 그에 맞게 바꿔서 사용하면 됩니다.
```
class ListFragment : Fragment() {
	// lateinit으로 binding을 선언
	lateinit var binding:FragmentListBinding

override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        binding = FragmentListBinding.inflate(inflater, container,false)
        return binding.root
    }

fun test() {
		// binding 이 프로퍼티로 선언되어 있기 때문에 프래그먼트 전체에서 호출 가능
		// binding.위젯id.속성 = "값"
		binding.textView.text = "hello fragment"
	}
}
```

### Adapter에서 사용하기
주로 리사이클러뷰 아답터에서 많이 사용할텐데 기존과 크게 다르지 않습니다.
홀더가 뷰를 생성자로 사용하던 것을 바인딩으로만 바꿔주면 됩니다.

아답터의 onCreateViewHolder() 에서 바인딩을 생성한 후 Holder에 넘겨주는 패턴은 기존과 동일합니다.
```
class CustomAdapter : RecyclerView.Adapter<Holder>() {
	// 바인딩.inflate() 구조는 프래그먼트와 동일
	override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): Holder {
		val binding = ItemRecyclerBinding.inflate(LayoutInflater.from(parent.context), parent, false)
		return Holder(binding) 
	}
	... 생략
}

// val 예약어로 바인딩을 전달 받아서 전역으로 사용합니다.
// 그리고 상속받는 ViewHolder 생성자에는 꼭 binding.root를 전달해야 합니다.
class Holder(val binding: ItemRecyclerBinding) : RecyclerView.ViewHolder(binding.root) {
	
	fun setValue(value:String) {
		// 생성자에서 val로 받았기 때문에 홀더 내부 어디에서나 binding 사용가능
		binding.textView.text = value 
	}
} 
```

다음글[업데이트] Android Studio 4.1에서 위젯 아이디에 접근하기 20.10.15

댓글목록

코쟁이님의 댓글

코쟁이 작성일 21-01-03 13:51

구글에서 공식으로 보낸 뷰바인딩 가이드보다 간결해서 좋네요

[뷰바인딩] 코틀린 익스텐션 대체를 위한 viewBinding 처리 > Android

인기검색어

Android