🎨 이미지뷰(Image View), 이미지버튼(Image Button)
- 이미지뷰 : 그림을 출력하는 위젯
- 그림이 필요하거나 화면을 화려하게 구성할 때 사용함
- 이미지버튼 : 그림을 출력하는 위젯
- 그림으로 표현된 예쁜 버튼을 만들 때 사용
- 그림 파일은 일반적으로 프로젝트의
[res]-[drawable]폴더에 있어야 함
- XML에서의 접근 방법:
@drawable/그림아이디형식
🍧 이미지뷰/이미지버튼의 XML 속성
-
src: 이미지의 경로“@drawable/그림 아이디”로 참조
-
maxHeight/maxWidth: 이미지의 크기를 지정 -
scaleType: 이미지의 확대/축소 방식 지정matrix,fitXY(좌우에 꽉 맞춰서 확대) ,fitStart,fitCenter(중앙에 맞춰서 확대) ,fitEnd,center,centerCrop,centerInside등 8가지 값 지정 가능
-
그림 파일이
[res]-[drawable]폴더에 있어야 사용 가능png,jpg,gif(비추) 형식 지원
🐶 애완동물 사진 보기 앱 만들기
-
‘시작함’에 언체크 : 아무것도 안 뜸
-
‘시작함’에 체크 : 애완동물 사진 세 가지 중에서 하나를 선택하라는 내용이 나옴
-
선택 후에 <선택 완료> 버튼 클릭 : 해당 애완동물의 이미지가 나타남
✍🏻 첫 화면에 보일 XML 코드 
- 7~9행: '시작함' 체크박스가 아직 체크되지 않았으므로, 처음에는 '좋아하는 애완동물은?' 텍스트뷰가 보이지않게
invisible로 설정한다. (나머지 뷰도 마찬가지)
✍🏻 XML 변수 선언 (9개) 
- 각 변수를 전역변수로 선언한다.
- 라디오그룹도 변수로 선언해야함
✍🏻 OnCreate 메소드 수정 
- 각 위젯을 id 속성을 바탕으로 변수에 대입한다.
✍🏻 '시작함' 체크박스를 체크/언체크할 때마다 동작하는 리스너 
- 5행: XML에서 안보이게 설정했던 '좋아하는 애완동물은?'을 Java에서는 체크된 것을 확인 후에 보이게끔
VISIBLE로 설정한다. - 6행: 라디오그룹(강아지, 고양이, 토끼 라디오 버튼)이 모두 보이게끔
VISIBLE로 설정한다. - 7행: <선택완료> 버튼이 보이게끔
VISIBLE로 설정한다. - 8행: 해당 애완동물의 사진이 이미지뷰에 보이게끔
VISIBLE로 설정한다. - 9~17행: '시작함' 체크박스의 체크가 꺼지면, 모두 보이지 않게끔
INVISIBLE로 설정한다.
✍🏻 <선택완료>를 클릭하면 동작하는 리스너 
.getCheckedRadioButtonId(): 현재 라디오그룹에서 선택된 라디오버튼의 id값 반환- 4~6행: id값이 강아지면 drawable 폴더의 Dog 그림을 이미지뷰에 출력
.setImageResource(R.drawable.그림): drawable 폴더의 그림을 해당 이미지뷰에 출력
- 13~14행: 라디오버튼이 아무것도 선택되지 않았다면, 토스트 메세지 출력
