이번에는 여러 개의 항목 중에서 하나를 선택할 때 사용하는 RadioButton을 사용하는 간단한 앱을 만들어 봅시다.
먼저 activity_main.xml 파일에 컨트롤을 배치합시다. 최상위 요소는 LinearLayout을 배치합니다.
LinearLayout의 자식으로 두 개의 RadioGroup(혈액형, 성별)과 두 개의 TextView(혈액형, 성별)를 배치하세요.
첫 번째 RadioGroup은 혈액형을 선택하기 위함입니다. A, B, O, AB 형을 선택할 수 있게 네 개의 RadioButton을 배치합니다. 초기에 A형을 선택한 상태로 표시하기 위해 checked 속성을 true로 설정하세요.
두 번째 RadioGroup은 성별을 선택하기 위함입니다. 여성, 남성을 선택할 수 있게 두 개의 RadioButton을 배치합니다. 초기에 여성을 선택한 상태로 표시하기 위해 checked 속성을 true로 설정하세요.
다음은 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"
tools:context="com.example.ehclub.ex_radiobutton.MainActivity"
android:orientation="vertical">
<RadioGroup
android:id="@+id/rg_blood"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rd_blood_a"
android:checked="true"
android:text="A형"/>
<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rd_blood_b"
android:text="B형"/>
<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rd_blood_o"
android:text="O형"/>
<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rd_blood_ab"
android:text="AB형형"/>
</RadioGroup>
<RadioGroup
android:id="@+id/rg_gender"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rd_gender_f"
android:checked="true"
android:text="여성"/>
<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/rd_gender_m"
android:text="남성"/>
</RadioGroup>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="A형"
android:textColor="#0000FF"
android:textSize="30sp"
android:id="@+id/tv_blood"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="여성"
android:textColor="#0000FF"
android:textSize="30sp"
android:id="@+id/tv_gender"/>
</LinearLayout>
이제 MainActivity.java 파일에 소스 코드를 편집합시다.
onCreate메서드에 xml파일에서 배치한 두 개의 RadioGroup을 참조하기 위해 findViewById 메서드를 호출하세요.
RadioGroup rg_blood = (RadioGroup)findViewById(R.id.rg_blood);
RadioGroup rg_gender = (RadioGroup)findViewById(R.id.rg_gender);
혈액형을 선택하기 위한 RadioGroup을 참조하는 rg_blood의 체크 상태 변경 리스너를 등록합니다. 리스너에서는 먼저 혈액형을 표시할 TextView를 참조하기 위해 findViewById 메서드를 호출합니다. 그리고 리스너의 입력인자로 전달받은 checkedId값이 어느 RadioButton의 ID인지에 따라 TextView의 text 속성을 설정합니다.
rg_blood.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
TextView tv = (TextView)findViewById(R.id.tv_blood);
switch (checkedId){
case R.id.rd_blood_a: tv.setText("A형"); break;
case R.id.rd_blood_b: tv.setText("B형"); break;
case R.id.rd_blood_o: tv.setText("O형"); break;
case R.id.rd_blood_ab: tv.setText("AB형"); break;
}
}
});
같은 방법으로 혈액형에 관한 처리도 작성합니다.
rg_gender.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
TextView tv = (TextView)findViewById(R.id.tv_gender);
switch (checkedId){
case R.id.rd_gender_f: tv.setText("여성");break;
case R.id.rd_gender_m: tv.setText("남성");break;
}
}
});
다음은 MainActivity.java 파일의 전체 내용입니다.
package com.example.ehclub.ex_radiobutton;
import android.support.annotation.IdRes;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RadioGroup;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
RadioGroup rg_blood = (RadioGroup)findViewById(R.id.rg_blood);
RadioGroup rg_gender = (RadioGroup)findViewById(R.id.rg_gender);
rg_blood.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
TextView tv = (TextView)findViewById(R.id.tv_blood);
switch (checkedId){
case R.id.rd_blood_a: tv.setText("A형"); break;
case R.id.rd_blood_b: tv.setText("B형"); break;
case R.id.rd_blood_o: tv.setText("O형"); break;
case R.id.rd_blood_ab: tv.setText("AB형"); break;
}
}
});
rg_gender.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
TextView tv = (TextView)findViewById(R.id.tv_gender);
switch (checkedId){
case R.id.rd_gender_f: tv.setText("여성");break;
case R.id.rd_gender_m: tv.setText("남성");break;
}
}
});
}
}