1. 뷰 바인딩

⭕뷰 바인딩: 안드로이드 아키텍쳐 구성요소로서 앱 모듈별로 설정하여 사용할 수 있는 기능!

⭕뷰 바인딩을 사용하면 뷰와 상호작용하는 코드를 쉽게 작성할 수 있다.

-특징:

🛫 레이아웃 xml 파일과 연결되는 바인딩 클래스가 자동으로 설계되어 만들어진다.

🛫 클래스의 멤버로서 레이아웃 xml에 ID가 있는 모든 뷰를 참조하는 참조변수가 포함되어 있다.

=> 별도로 findViewByID()를 하지 않아도, 이 바인딩 클래스의 객체(인스턴스)안에 모든 뷰들의 참조변수가 만들어져 있음!

🛫 뷰 바인딩 기능으로 레이아웃 xml파일과 연결되는 바인딩 클래스는 자동으로 만들어지기 때문에, 이름이 특정한 규칙에 맞게 만들어진다.
=> 딱 봐도 어떤 xml과 연결되었는지 알 수 있음

ex) 액티비티 레이아웃 파일명과 자동으로 만들어지는 바인딩 클래스명
activity_main.xml => ActivityMainBinding

ex) 프래그먼트 레이아웃 파일명과 자동으로 만들어지는 바인딩 클래스명
fragment_login.xml => FragmentLoginBinding

ex) 리사이클러뷰의 아이템 1개와 레이아웃 파일명과 자동으로 만들어지는 어쩌고
recycler_item.xml => RecyclerItemBinding

2. 실습해보자🚗

<참고>

setContentView 안에 있는 R.layout.activity_main
=>R: 안드로이드 프로젝트(앱)에서 뷰를 관리하는 파일

1. ViewBinding

1. Gradle 추가

build.gradle(Module)에 들어가 android 클래스 아래에 아래와 같이 코드를 작성해서 뷰 바인딩 설정!

오른쪽 상단에 Sync Now!

2. MainActivity에서 뷰 바인딩 사용

MainActivity로 돌아가 위와 같이 코드를 작성한다.

• R.layout.activity~ => 생성한 루트 뷰로 변경한다!

-inflate: xml에 있는 뷰를 객체화해줌

3. TextView를 만든다

id도 부여해준다. id는 안겹치게, 용도를 알 수 있게 짓는다.

4. MainActivity에서 text 내용을 변경해본다

 viewBinding.tvText.text = "안녕 세상아"

잘 반영되었다!

2. Activity -> Activity

5. 결합할 또다른 액티비티를 만들고, 2번과 동일하게 코드를 작성한다.

SecondActivity

• Manifest 파일에 잘 반영이 되어 있는지 확인!
  
  위와 같이 SecondActivity가 들어가있다면 자동으로 된거고, 안돼있으면 꼭 해줘야함
  => Manifest에 Activity 정보가 없다면 오류가 난다!

6. activity_main.xml에 버튼을 만들어보자~

Palette에서 Button 드래그해서 화면에 가져오면 Button이 생긴다...
처음 알았다!

ConstraintLayout을 사용하고 있으니까, 상대값들을 설정해주어야 한다.
여긴 MainActivity 이다!

7. ViewBinding을 사용해서, OnClickListener()를 설정해준다.

//OnClickListener: 클릭 이벤트가 일어났을 때 동작!

확인을 위해 SecondActivity에 두번째 버튼도 만들어 준다!

=> Button을 누르면 화면에 2가 나오게 해보자~

버튼을 누르면

짜잔~

3. Fragment

8. Fragment 2개를 만들어보자

레이아웃 리소스 파일을 하나 만들어준다.

TextView를 하나 생성한다.

두번째 레이아웃도 똑같이 만들어준다!
헷갈리니까 TextView 안에 Text를 First, Second로 구분한다

9. Fragment Class를 만든다.

클래스 생성 후 이름은 FirstFragment

다음과 같이 작성하여 Fragment를 상속받는다.

Activity는 OnCreate를 사용했지만, Fragment는 OnCreateView를 사용한다.

OnCreateView의 리턴값으로 ViewBinding을 준다..

(Avtivity는

 setContentView(viewBinding.root)

요렇게 줬었다)

SecondFragment도 같은 방식으로 만든다!

10. Fragment를 띄울 자리를 Activity에서 만들어준다.

activity_main.xml => 디자인 팔레트에서 Layouts - FrameLayout 드래그해서 생성!

1) 위, 오, 왼쪽을 부모에 걸어준당
2) 높이, 너비 0dp

11. LinearLayout을 ConstraintLayout안에 하나 만든다.

설정값도 참고 참고!!!

FrameLayout을 LinearLayout 위에 걸어준다
=> 화면 전체 차지하게 된다!

LinearLayout 아래에 버튼 두개를 만들어준다!
LinearLayout Botton 설정이 parent로 안되어 있어서 해줘씀

+FragmentLayout에 id준다.

android:id="@+id/frame_fragment"

12. Button 설정

버튼1을 누르면 Fragment1로, 버튼2는 2로 가게 할거다

이렇게 되면 버튼 2개와 Fragment가 들어갈 화면 공간까지 만들었다!

13. MainActivity에서 설정해준다.

다음과 같이 코드를 작성한다.

//main fragment(기본화면)
        supportFragmentManager
            .beginTransaction()
        //여기서 Fragment 변경되는게 시작된다!

여기서 ContainerID를 써줘야되는데, 여기서 Container란??
=> Activity에서 만든 FrameLayout을 의미한다.

마지막으로

.commitAllowingStateLoss()

//State가 날라가는걸 허용한다! => 오류를 방지해준다.

14. 버튼 이벤트를 설정한다.

위와 같이 코드를 작성하면 버튼을 누르면 해당 Fragment로 이동하는 액티비티를 만든거다

실행해보면 성공!