[TIL] 2023.11.20

뷰 바인딩 방식을 이용하여 코틀린 코드와 레이아웃 연결하기

레이아웃이나 사용자에게 보이는 것들을 통칭해서 뷰(View)라고 한다. 뷰 바인딩으로 뷰와 코드를 연결해 보자.

1. build.gradle(Module: app) 파일에 viewBinding 설정을 추가한다.
   

2. 파일 상단에 나타나는 [Sync Now]를 클릭해서 설정을 적용한다.

3. activity_main.xml 레이아웃 파일을 작성한다.

4. viewBinding이 설정되어 있기 때문에 안드로이드가 레이아웃 파일을 바인딩으로 생성한다.

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

버튼 하나를 추가하여 위치, 크기 조정을 해주고 이 버튼을 누르면 글자가 바뀌게 해보자.

binding 변수를 추가해주면 위에 import 하나가 생성되고, 뷰에 미리 작성해두었던 버튼의 id에 접근할 수 있게된다. 위와 같이 버튼의 id에 리스너(Listener)를 설정한다. 리스너의 역할은 버튼을 클릭 했을 때 내부의 코드를 동작시키는 것이다.

위와 같이 코드를 작성하고 에뮬레이터 플레이 버튼을 클릭하면 왼쪽 이미지에서 오른쪽 이미지로 TextView의 문구가 바뀐다.