[모바일 컴퓨팅] 라디오 버튼에 따른 이미지 변화

💡 결과

 

1) 체크 박스에 따른 Radio Button 변화

 

2) Radio Button에 따른 이미지 변화

 

3) Scale Type 변화

 

✏️ 막혔던 점 

- Layout구성에서 FrameLayout을 알지 못하여 버튼을 이중으로 구성하려고 시도했을때 어려움을 겪었다.

- Layout구성에서 match_parent와 wrap_content를 응용하지 못하고 박스 크기가 글씨에 따라서 제각각인 문제를 겪었다.

 

✏️ Layout

wrap_content : 폭과 높이가 글자가 꼭 들어갈 정도로 설정

match_parent : 자신의 부모에 폭이나 높이를 맞추는 것

 

LinearLayout

- 세로 또는 가로의 단일 방향으로 모든 하위요소를 정렬하는 뷰 그룹.

- android:orientation속성을 사용하여 레이아웃 방향을 지정할 수 있음.

   : android:orientation = "vertical" : 하위 뷰들을 수직방향으로 배치

   : android:orientation = "horizontal" : 하위 뷰들을 수평방향으로 배치

 

FrameLayout

- 자식으로 추가된 여러 뷰 위젯들 중 하나를 Layout의 전면에 표시할 때 사용하는 클래스
- 가장 마지막으로 추가된 자식 뷰 위젯이 화면의 전면에 표시

 

✏️ RadioGroup

3개로 묶음

1) 여자 그룹 RadioButton

- 여자 그룹 선택시 여자 그룹에 속해있는 아이돌 이름이 나오기 위함

2) 남자 그룹 RadioButton

-  남자 그룹 선택시 남자 그룹에 속해있는 아이돌 이름이 나오기 위함

3) Scale Type

-  Scale Type 선택 시 , 4가시 Scale Type중에서 고르기 위함

 

💙느낀 점💙

레이아웃 구성에서 많은 시간을 사용했으며 이후 자바 코드를 수정할 때 라디오 그룹을 세개로 분류한데로 코드를 따로 쓰는데 처음에는 어려움을 겪었다.