Computer >> 컴퓨터 >  >> 프로그래밍 >> Android

안드로이드에서 뷰(View)를 동적으로 추가하는 방법 완벽 가이드

이 예제는 안드로이드 앱에서 뷰(View)를 동적으로 추가하는 방법을 보여줍니다. XML 레이아웃에 미리 정의하지 않고도 코드 실행 중에 TextView와 같은 UI 요소를 화면에 추가할 수 있습니다.

1단계: 새 프로젝트 생성

Android Studio를 열고 File → New Project 메뉴를 선택한 후, 새 프로젝트 생성에 필요한 모든 세부 정보를 입력하여 새 프로젝트를 만듭니다.

2단계: 레이아웃 파일 작성

다음 코드를 res/layout/activity_main.xml 파일에 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
android:id="@+id/parent"
xmlns:tools="https://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:gravity="center"
android:orientation="vertical">
</LinearLayout>

위 코드에서는 비어 있는 LinearLayout 레이아웃을 사용했습니다. 이 레이아웃에는 나중에 동적으로 생성된 TextView가 추가됩니다.

3단계: MainActivity에서 동적 뷰 추가하기

다음 코드를 MainActivity 자바 파일에 작성합니다.

package com.example.andy.myapplication;
import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.os.Build;
import android.os.Bundle;
import android.os.Handler;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    int view = R.layout.activity_main;
    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(view);
        LinearLayout parentLayout = (LinearLayout)findViewById(R.id.parent);
        TextView textView = new TextView(MainActivity.this);
        textView.setText("Child Row");
        parentLayout.addView(textView);
    }
}

코드 설명

위 코드의 핵심 로직은 다음과 같습니다.

  • findViewById(R.id.parent) — XML에 정의된 부모 LinearLayout을 가져옵니다.
  • new TextView(MainActivity.this) — 코드에서 직접 TextView 인스턴스를 생성합니다.
  • setText("Child Row") — 생성된 TextView에 표시할 텍스트를 설정합니다.
  • parentLayout.addView(textView) — 동적으로 생성한 TextView를 부모 레이아웃에 추가합니다.

즉, 위 코드는 부모 뷰(parent view)에 텍스트 뷰를 동적으로 생성하여 추가하는 역할을 합니다.

4단계: 애플리케이션 실행하기

애플리케이션을 실행해 결과를 확인해 보겠습니다. 실제 안드로이드 모바일 기기가 컴퓨터에 연결되어 있다고 가정합니다. Android Studio에서 프로젝트의 액티비티 파일 중 하나를 열고 툴바의 Run(실행) 아이콘을 클릭합니다. 옵션 목록에서 자신의 모바일 기기를 선택하면, 모바일 기기에 다음과 같은 기본 화면이 표시됩니다.

안드로이드에서 뷰(View)를 동적으로 추가하는 방법 완벽 가이드

위 실행 결과에서 볼 수 있듯이, 화면 중앙에 동적으로 생성된 TextView가 성공적으로 추가된 것을 확인할 수 있습니다.

추가 팁: 여러 개의 뷰 반복 추가하기

실제 개발에서는 하나의 뷰뿐 아니라 여러 개의 뷰를 반복문으로 추가하는 경우가 많습니다. 예를 들어 다음과 같이 for 문을 활용할 수 있습니다.

for (int i = 0; i < 5; i++) {
    TextView textView = new TextView(MainActivity.this);
    textView.setText("항목 " + (i + 1));
    textView.setPadding(0, 16, 0, 16);
    parentLayout.addView(textView);
}

이처럼 addView() 메서드를 활용하면 서버 데이터나 사용자 입력에 따라 유동적으로 UI를 구성할 수 있으며, RecyclerView를 사용하기 어려운 간단한 화면에서 특히 유용합니다.