[Android] 20. 위젯 : 컴파운드 버튼 (Compound Button)

# 위젯 : 컴파운드 버튼 (Compound Button)

 

 

# 위젯 : 컴파운드 버튼 (Compound Button)

 

- Compound Button 클래스

: Button 클래스의 하위 클래스로 체크 박스나 라디오 버튼, 스위치 및 토글 버튼의 상위 클래스이다.

 

 

 

- 체크 박스

: 클릭할 때마다 상태가 언체크, 체크로 변경됨

-->  여러 개의 체크 박스가 있어도 서로 독립적으로 작동하여 동시에 여러 개의 박스를 체크할 수 있다.

 

+ 체크 & 언체크 변경 시 Kotlin 코드의 처리 절차

① 체크 박스 변수 선언

  

    
    
    
    
  
var mycheck : CheckBox

 

② 생성한 변수에 체크박스 위젯을 대입

  

    
    
    
    
  
mycheck = findViewByid<CheckBox>(R.id.android)

 

③ 체크 박스 변경 시 동작하는 람다식 정의

  

    
    
    
    
  
mycheck.setOnCheckedChangeListener { compoundButton, b ->
	//동작 내용
}

 

 

+ 체크 박스 선택 시 토스트 메시지 출력

-->  토스트 메시지: 화면의 하단에 메시지를 잠시 보여주는 방식으로, 아래의 메소드 사용

  

    
    
    
    
  
Toast:makeText(Context context, String message, int duration).show()

 

 

ex) 실습 1_체크 박스에 리스너 추가하기

1. 컨스트레인트 레이아웃에 리니어 레이아웃을 화면 가운데 위치로 배치한 후, 체크 버튼 3개를 추가

 

 

2. 배치한 레이아웃에 text, id 속성 입력

 

 

3. 리니어 레이아웃의 layout_width, layout_height 속성을 모두 wrap_content로 변경하기

 

 

4. MainActivity.kt 파일의 코드를 아래와 같이 수정하기

 

 

5. 프로그램의 정상 작동 여부 확인하기

정상적으로 작동됨을 확인

 

 

 

- 스위치 버튼과 토클 버튼

: 스위치, 토클 버튼은모양은 상이하나 용도는 거의 동일함

 

+ 스위치 버튼의 경우 주 용도는 온/오프 상태 표시

-->  XML 속성이나 관련 메소드는 모두 체크박스와 동일하게 사용 가능

-->  checked 속성은 false, true 값에 따라서 색상 및 글자가 다르게 표현됨

 

 

 

- 라디오 버튼

: XML 속성 및 메소드가 체크 박스와 유사하지만, 라디오 버튼의 경우 다수의 선택지 중 하나만을 선택해야 하는 경우에 사용한다는 점에서 차이가 있음

-->  각 라디오 버튼의 id 속성이 없는 경우 해당 라디오 버튼이 계속 선택된 것으로 지정되어 해제되지 않으므로 반드시 존재해야 함

 

+ 라디오 버튼을 여러 개 나열하는 경우 클릭하는 요소마다 모두 선택되는 것을 방지하기 위해 라디오 그룹과 함께 사용

 

 

 

- 라디오 그룹

: ViewGroup-LinearLayout의 하위 클래스로 존재하며, 라디오 버튼을 묶기 위해 사용

 

+ 라디오 그룹에서 사용하는 메소드: clearCheck()

-->  해당 라디오 그룹 속 체크된 요소들을 모두 해제함

 

 

ex) 실습_라디오 그룹과 라디오 버튼 사용하기

1. 팔레트를 이용하여 1개의 라디오 그룹과 3개의 라디오 버튼 추가하기

 

 

2. 라디오 그룹에 대한 id 부여하기

 

 

3. 라디오 버튼의 id와 text를 아래와 같이 수정하기

 

 

4. MainActivity.kt 파일의 코드를 아래와 같이 수정하기

 

 

5. 프로그램의 정상 작동 여부 확인하기

+ 하나의 요소만 선택할 수 있음을 확인