안드로이드 ViewStub이란?
본격적인 예제에 앞서 안드로이드의 ViewStub이 어떤 개념인지 먼저 짚고 넘어가겠습니다. ViewStub은 크기가 0인 지연 인플레이션(lazy inflation) 뷰입니다. 레이아웃이 처음 로드될 때는 화면에 아무것도 그려지지 않으며, 런타임에 inflate() 메서드를 호출하는 시점에 비로소 실제 뷰로 변환되어 윈도우 매니저나 뷰 그룹에 추가됩니다.
또한 setVisibility(int) 메서드를 활용하면 한 번 인플레이트된 뷰를 상황에 맞게 보여주거나 숨길 수 있습니다. 이러한 특성 덕분에 ViewStub은 초기 화면 로딩 속도를 개선하고 메모리 사용량을 줄이는 데 효과적인 도구로 활용됩니다.
이번 글에서는 안드로이드에서 ViewStub을 사용하는 방법을 단계별로 살펴보겠습니다.
1단계 — 새 프로젝트 생성
Android Studio에서 File ⇒ New Project로 이동한 후, 새 프로젝트 생성에 필요한 모든 정보를 입력하여 프로젝트를 만듭니다.
2단계 — activity_main.xml 작성
res/layout/activity_main.xml 파일에 아래 코드를 추가합니다.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:id="@+id/layout"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:id="@+id/show"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="show"/>
<Button
android:id="@+id/hide"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hide"/>
<ViewStub
android:id="@+id/viewStub"
android:layout_width="match_parent"
android:layout="@layout/childlayout"
android:layout_height="300dip" >
</ViewStub>
</LinearLayout>위 코드에서는 'show' 버튼과 'hide' 버튼 두 개를 배치했습니다. 각 버튼은 요구 사항에 따라 ViewStub 레이아웃을 보여주거나 숨기는 역할을 담당합니다. 이어서 아래와 같이 ViewStub을 선언하고 인플레이트할 레이아웃을 지정했습니다.
android:layout="@layout/childlayout"
이 속성은 childlayout이라는 자식 레이아웃을 ViewStub에 연결하는 역할을 합니다. 중요한 점은, ViewStub에 자식 레이아웃을 선언한다고 해서 자동으로 인플레이트되지 않는다는 것입니다. 반드시 액티비티 클래스에서 inflate() 메서드를 직접 호출해야 합니다.
3단계 — MainActivity.java 작성
src/MainActivity.java 파일에 아래 코드를 추가합니다.
package com.example.andy.myapplication;
import android.annotation.TargetApi;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewStub;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
@TargetApi(Build.VERSION_CODES.O)
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final ViewStub viewStub = findViewById(R.id.viewStub);
viewStub.inflate();
Button show = findViewById(R.id.show);
show.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
viewStub.setVisibility(View.VISIBLE);
}
});
Button hide = findViewById(R.id.hide);
hide.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
viewStub.setVisibility(View.GONE);
}
});
}
}위 코드에서는 ViewStub을 선언한 뒤 아래와 같이 인플레이트합니다.
final ViewStub viewStub = findViewById(R.id.viewStub); viewStub.inflate();
'show' 버튼을 클릭하면 ViewStub이 화면에 나타나고, 'hide' 버튼을 클릭하면 ViewStub이 다시 숨겨집니다.
4단계 — 매니페스트 설정
manifest.xml은 별도로 수정할 필요가 없습니다.
앱 실행 및 결과 확인
이제 애플리케이션을 실행해 보겠습니다. 실제 안드로이드 기기가 컴퓨터에 연결되어 있다고 가정합니다. Android Studio에서 프로젝트의 액티비티 파일 중 하나를 연 뒤 툴바의 Run 아이콘
을 클릭하세요. 실행 옵션에서 모바일 기기를 선택하면 기본 화면이 해당 기기에 표시됩니다.
앱을 처음 실행하면 위와 같은 화면이 나타납니다. 여기서 hide 버튼을 클릭하면 이미지가 아래와 같이 사라집니다.
이번에는 show 버튼을 클릭하면 아래와 같이 이미지 뷰가 다시 나타납니다.
