개요
이 예제는 안드로이드(Android)에서 프로그래밍 방식으로 버튼을 동적으로 생성하여 레이아웃에 여러 줄에 걸쳐 하나씩 추가하는 방법을 보여줍니다. 반복문을 활용해 행(Row) 단위로 버튼을 배치하면 계산기 키패드처럼 격자 형태의 UI도 손쉽게 구현할 수 있습니다.
1단계: 새 프로젝트 생성
Android Studio에서 File → New Project를 선택한 후, 새 프로젝트 생성에 필요한 모든 세부 정보를 입력하여 프로젝트를 만듭니다.
2단계: 레이아웃 XML 작성
res/layout/activity_main.xml 파일에 아래 코드를 추가합니다.
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:tools="https://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:context=".MainActivity" android:orientation="vertical"> </LinearLayout>
루트 레이아웃을 세로 방향(vertical)의 LinearLayout으로 설정하여, 이후 코드에서 추가되는 각 행이 위에서부터 차례대로 쌓이도록 합니다.
3단계: MainActivity.java 작성
src/MainActivity.java 파일에 다음 코드를 추가합니다.
package app.com.sample;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.LinearLayout;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout layout = new LinearLayout(this);
layout.setOrientation(LinearLayout.VERTICAL);
for (int i = 0; i < 3; i++) {
LinearLayout row = new LinearLayout(this);
row.setLayoutParams(new LinearLayout.LayoutParams
(LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT));
for (int j = 0; j < 4; j++) {
Button btnTag = new Button(this);
btnTag.setLayoutParams(new LinearLayout.LayoutParams
(LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.MATCH_PARENT));
btnTag.setText("Button " + (j + 1 + (i * 4 )));
btnTag.setId(j + 1 + (i * 4));
row.addView(btnTag);
}
layout.addView(row);
}
setContentView(layout);
}
}위 코드의 핵심 로직은 다음과 같습니다.
- 바깥쪽 for문은 총 3개의 행(row)을 생성합니다.
- 안쪽 for문은 각 행마다 4개의 버튼을 생성해 행에 추가합니다.
- 버튼의 텍스트와 ID는
(j + 1 + (i * 4))식으로 계산되어, Button 1부터 Button 12까지 순차적으로 부여됩니다. - 완성된 각 행은 세로 방향의 부모 레이아웃에 추가되어 최종적으로 3줄 × 4개 버튼 구조가 됩니다.
4단계: AndroidManifest.xml 설정
androidManifest.xml 파일에 아래 코드를 추가합니다.
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="https://schemas.android.com/apk/res/android" package="app.com.sample"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
앱 실행 및 결과 확인
이제 애플리케이션을 실행해 보겠습니다. 실제 안드로이드 모바일 기기가 컴퓨터에 연결되어 있다고 가정합니다. Android Studio에서 프로젝트의 액티비티 파일 중 하나를 연 뒤, 툴바의 Run(실행) 아이콘을 클릭하세요. 옵션 목록에서 본인의 모바일 기기를 선택하면, 기기 화면에 아래와 같이 버튼이 여러 줄로 배치된 결과가 표시됩니다.
