안드로이드 프로그래밍 - Binding

안드로이드 프로그래밍에 있어 Binding 은 혁신적인 기술입니다.

기존 findViewById는 직관적이긴하나 모든 contents에 대해서 일일히 선언해주고 찾아주어야 하는 불편함이 있었습니다.

간단한 앱이라면 관계없겠지만 규모가 큰 프로젝트에서는 유지보수나 코드리딩에 훨씬 불편함을 느낄 수 있습니다.

 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="버튼입니다">

    </Button>

    <FrameLayout
        android:id="@+id/main_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="16dp"
        >

    </FrameLayout>

</LinearLayout>

 

 

 

바인딩을 사용하기전 먼저 Android 프로젝트 설정이 몇가지 필요합니다.

Gradle Scriptts 내에 build.gradle 에 하기와 같이 뷰바인딩을 활성화 시켜주어야 합니다.

//뷰바인딩 옵션 활성화
viewBinding {
    enabled = true;
}

 

그리고 기존에 MainActivity.java 에서 사용했던 setContentView(layout) 은 더이상 사용하지 않아도 됩니다.

 

public class MainActivity extends AppCompatActivity {

    private ActivityMainBinding binding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //액티비티 바인딩 객체에 할당 및 뷰 설정
        binding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(binding.getRoot());

        binding.tvHello.setText("인수님 안녕하세요");

        binding.button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this,"안녕하세요",Toast.LENGTH_LONG).show();
            }
        });

        FragmentTransaction fragmentTransaction= getSupportFragmentManager().beginTransaction();
        fragmentTransaction.replace(R.id.main_frame, new TestFragment());
        fragmentTransaction.commit();
    }
}

먼저 Binding 객체를 선언해줄때 layout 디렉토리 밑에 있는 ActivityMain과 참조하여 같은 이름으로 객체가 생성됩니다.\

다만 공란 및 언더바 등은 생략되며 카멜표기법으로 설정됩니다.

이어서 해당객체를 선언한뒤 위 코드와같이 binding 에 뷰를 설정해줍니다.

 

그렇게 되면 아래와 같이 findViewById로 별도로 찾아주지 않아도 textview 의 id만으로 바로 사용 가능합니다.

binding.tvHello.setText("인수님 안녕하세요");

 

이어서 binding 을 사용한 fregment 를 보겠습니다.

frag_test.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/fregment_textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="fragment 테스트!"
        android:textSize="24sp"
        android:textColor="#000"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button_fragment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/fregment_textview" />


</androidx.constraintlayout.widget.ConstraintLayout>

 

TestFragment.class

public class TestFragment extends Fragment {

    private FragTestBinding mbinding;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        mbinding = FragTestBinding.inflate(inflater,container,false);

        mbinding.buttonFragment.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mbinding.fregmentTextview.setText("인수 성장하즈아 ! ");

            }
        });
        return mbinding.getRoot();
    }
}

 

fragment class 는 Fragment를 상속받습니다.

 

그리하여 oncreateView 내에 binding 객체를 선언해주고  return 값으로 binding.getRoot() 를 하여주면 끝납니다.

가운데 있는 버튼은 binding 을 시험해보기위해 만들어보았습니다.