[Android] 인플레이션

📌 XML 파일과 소스코드 연결

XML 파일과 소스코드를 어떻게 연결할까? 다음 코드는 새 프로젝트가 생길 때 자동으로 만들어지는 소스로, setContentView 메서드가 XML 레이아웃 파일을 연결한다는 것을 알 수 있다. 다시말해 setContentView 메서드에 XML 레이아웃 파일 이름을 파라미터로 전달하여 XML 레이아웃과 소스코드를 연결한 것이다. 이때 XML 레이아우스이 이름은 R.layout.activity_main과 같이 지정해야한다.

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
     }
  }

R.layout.activity_main에서

• R → 프로젝트 창에 보이는 res 폴더 의미
• layout → res 폴더의 layout 폴더 의미
• activity_main → /app/res/layout 폴더 안에 있는 activity_main.xml 파일 의미

setContentView 메서드의 역할은 다음과 같다.

• 화면에 나타날 뷰를 지정한다.
• 레이아웃 내용을 메모리에 객체화한다.

실제로 앱이 실행되면 XML 레이아웃(화면 배치 정보)을 소스 코드에서 사용한다. 순서를 정리하자면 다음과 같다.

• 앱이 실행된다.
• XML 레이아웃의 내용이 메모리에 객체화된다.
• 객체화된 XML 레이아웃을 소스 파일에서 사용한다.

이렇게 XML 레이아웃의 내용이 메모리에 객체화되는 과정을 '인플레이션(inflation)'이라고 한다.

📌 부분 화면 보여주기

전체 화면이 아닌 부분 화면도 별도의 XML 레이아웃 파일에 정의한 후 불러와 보여줄 수 있다. 그러나 setContentView는 화면 전체를 설정하는 역할만을 수행한다. 부분 화면을 메모리에 객체화하려면 인플레이터를 사용해야한다. 인플레이터를 사용하기 위해서 LayoutInflater 클래스가 제공된다. LayoutInflater 클래스는 시스템 서비스로 제공하는 클래스라서 getSystemService 메서드를 이용하여 LayoutInflater 객체를 참조한 후 사용해야한다.

* 시스템 서비스 : 단말이 실행되면서 항상 실행되는 서비스

getSystemService(Context.LAYOUT_INFLATER_SERVICE)

📃 요약

• 메인 레이아웃 → setContentView(R.layout.activity_main)으로 객체화하여 화면에 나타냄
• 부분 레이아웃 → LayoutInflater 객체 사용하여 뷰그룹 객체로 객체화(인플레이션)한 후 메인 레이아웃에 추가

다음 앱 실행화면이 그 예제인데, '추가하기' 버튼을 누르면 오른쪽과 같이 부분 화면이 나타나게 된다. activity_menu.xml 파일과 sub1.xml 파일을 만들고, MenuActivity.java 파일에서 소스 코드를 적었다. '추가하기' 버튼 아래쪽에 LinearLayout을 만들고 id를 container로 설정한 뒤, 이 container 객체에 부분 화면 xml 파일의 레이아웃을 설정하는 것이다.

부분 레이아웃 로딩 전(좌) / 인플레이션 통해 부분 레이아웃 로딩 후(우)

다음은 MenuActivity.java 파일의 소스 코드다. 차근차근 살펴보면 이해할 수 있다.

• 전체 레이아웃(activity_menu.xml)의 안쪽 레이아웃(container)을 참조하기 위해 findViewById(R.id.container) 라고 입력하고 그것을 container 변수에 넣었다.
• 버튼을 클릭했을 때의 이벤트를 onClick 메서드 안에 입력했다.
• 그 안에서 getService 메서드로 LayoutInflater 객체를 참고했다.
• 그 참조한 인플레이터의 inflate 메서드의 파리미터로 R.layout.sub1, container 객체를 전달했다.
• 이 과정에서 부분 레이아웃(sub1.xml)에 정의된 뷰들이 메모리에 로딩되며 객체화된다.
• 객체화되면 부분 레이아웃(sub1.xml)에 들어있던 tetxView와 CheckBox를 findViewById 메서드로 참조할 수 있다.
• 주의할 점은 container.findViewById(R.id.checkbox)와 같이 container 객체의 findViewById 메서드를 사용해야한다.

import androidx.appcompat.app.AppCompatActivity;

import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.LinearLayout;

public class MenuActivity extends AppCompatActivity {
    LinearLayout container;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_menu);

        container = findViewById(R.id.container);
        Button button = findViewById(R.id.button2);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                inflater.inflate(R.layout.sub1,container,true);
                CheckBox checkBox = container.findViewById(R.id.checkbox);
                checkBox.setText("로딩되었어요.");
            }
        });
    }
}

그리고 마지막으로 AndroidMenifest.xml 파일을 수정해야한다. 앱이 실행되었을 때 MainActivity가 아닌 MenuActivity 화면이 나타나도록 하기 위해서이다. <activity> 태그 안에 있는 android:name 속성 값을 모두 수정한다. 교재랑은 조금 다르지만..아래와 같이 고치니 앱이 정상적으로 작동한다. exported에 관해 알아봐야할 것 같다.

<activity
    android:name=".MainActivity"
    android:exported="false" />
<activity
    android:name=".MenuActivity"
    android:exported="true">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

* 참고

LayoutInflater의 inflate 메서드에서 attachToRoot가 무엇인지 몰라서 왜 저게 true일까 하고 구글에서 찾아보니 대충 이해가 간다. 밑은 내가 보고 이해한 블로그!

[Android] LayoutInflater attachToParent 파라미터 의미를 알아보자