Android Studio: viewBinding 사용법 (kotlin synthetics 대체)

 

viewBinding

viewBinding 요소를 build.grade 파일에 복사한다.

android {
		...
        viewBinding {
        	enabled = true
            }
        }

 

result_profile.xml 레이아웃 파일의 내용이 다음과 같다고 가정해보자.

<LinearLayout ... >
        <TextView android:id="@+id/name" />
        <ImageView android:cropToPadding="true" />
        <Button android:id="@+id/button"
            android:background="@drawable/rounded_button" />
    </LinearLayout>

 

이 경우 생성된 결합 클래스 이름은 ResultProfileBinding(name과 button 두 필드를 가짐)이 된다.

(레이아웃 파일 이름을 카멜표기법으로 변환 후 끝에 Binding을 추가)

 

결합 클래스에는 상응하는 레이아웃 파일의 루트 뷰에 관한 직접 참조를 제공하는 getRoot() 메서드가 포함된다.

(ResultProfileBinding 클래스의 getRoot()메서드는 LinearLayout 루트 뷰를 반환한다.)

 

Activity에서 뷰 결합 사용

1 생성된 결합 클래스에 포함된 inflate() 메서드를 호출

2 getRoot()메서드를 호출하거나 Kotlin 속성 구문을 상요하여 루트 뷰 참조를 가져옴

3 루트뷰를 setContentView()에 전달하여 화면상의 활성뷰로 만듬.

 

    private lateinit var binding: ResultProfileBinding

    override fun onCreate(savedInstanceState: Bundle) {
        super.onCreate(savedInstanceState)
        binding = ResultProfileBinding.inflate(layoutInflater)
        val view = binding.root
        setContentView(view)
    }

 

이제 결합 클래스 인스턴스를 사용하여 뷰 참조 가능

    binding.name.text = viewModel.name
    binding.button.setOnClickListener { viewModel.userClicked() }

 

또 다른 사용 예시

    override fun onCreate(savedInstanceState: Bundle) {
        super.onCreate(savedInstanceState)
        val binding = ResultProfileBinding.inflate(layoutInflater)
    
        setContentView(binding.root)
        binding.name.text = viewModel.name
    	binding.button.setOnClickListener { viewModel.userClicked() }
    }

 

제일 좋은 방법

class MainActivity : AppCompatActivity() {
    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에서 뷰 결합 사용

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에서 뷰 결합 사용

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 
    }
}

 

 

 

참고한 사이트 ↓

https://developer.android.com/topic/libraries/view-binding?hl=ko#kotlin

뷰 결합  |  Android 개발자  |  Android Developers

flow9.net/bbs/board.php?bo_table=android&wr_id=27

[뷰바인딩] 코틀린 익스텐션 대체를 위한 viewBinding 처리 > Android | flow9.net - 코틀린, 안드로이드