https://www.edwith.org/boostcourse-android/lecture/17045/

​

지금까지 레이아웃에 대해 배우면서 버튼, 텍스트 뷰, 이미지 뷰를 사용했었습니다.

이미지 뷰는 뷰에 넣어줄 이미지를 골라줘야 합니다. 이렇게 각 뷰마다 가지고 있는 속성들이 다릅니다.

이런 속성들을 알고 있어야 화면을 만들기가 쉬워집니다.

이번 강의에서는 버튼, 텍스트 뷰, 이미지 뷰, 에디트 텍스트를 알아보겠습니다.

​

텍스트 뷰(TextView)

텍스트 뷰의 속성 중 자주 사용되는 것 들은 text, textColor, textSize, textStyle, typeFace, maxLines 등이 있습니다.

text는 텍스트 뷰에 보이는 문자열을 설정합니다.

textColor는 텍스트 뷰에 보이는 문자열의 색상을 설정합니다.

textSize는 텍스트 뷰에서 표시하는 문자열의 크기를 설정합니다.

textStyle는 문자열의 스타일 속성을 설정합니다. 글씨체 같은 것을 말합니다.

typeFace는 문자열의 폰트를 설정합니다.

maxLines는 만약 '1'로 속성값을 주었다면 문자열이 한 줄로만 표시되고, '2'로 주었다면 두 줄까지 표시하게 됩니다.

'1'로 준 경우 문자열의 길이가 길어서 한 줄이 넘어가는 경우는 표시 가능한 부분까지만 보이게 되고 나머지 부분은 안 보이게 됩니다.

​

버튼(Button)

버튼은 텍스트 뷰를 상속하여 만들어졌습니다.

즉 버튼은 텍스트 뷰의 모든 속성을 가지고 있고 추가적인 속성을 더 가지고 있다는 뜻입니다.

버튼은 '라디오 버튼'이나 '체크박스' 등으로 나누어 사용할 수 있습니다.

라디오 버튼은 혼자가 아닌 여러 개가 같이 사용되는 경우가 많습니다. 그래서 '라디오 그룹'을 이용해 하나의 그룹으로 묶어줍니다.

예를 들어, 여자 냐 남자냐를 구분하는 경우, 해당되는 곳에 누르는 경우에 사용됩니다.

radiobutton

​

이미지 뷰(ImageView)

이미지 뷰는 이미지를 넣어 보여주는 것입니다.

프로젝트의 res 폴더 안에 drawable 폴더가 있는데, 이 안에 이미지 파일을 넣은 다음 이미지 뷰에 설정할 수 있습니다.

이때 jpg, png, gif 등이 가능한데 png 형식의 이미지를 권장합니다.

예를 들어, drawable에 넣은 이미지 파일의 이름이 house.png라면

android:src = "@drawable/house"라고 설정하면 됩니다.

​

에디트 텍스트(EditText)

에디트 텍스는 입력 상자의 역할입니다.

이 뷰는 사용자 입력한 글자를 받고 처리하는 기능을 만들 때 많이 사용됩니다.

hint라는 속성이 있는데 이것은 말 그대로 힌트를 주는 것입니다. 예를 들어 비밀번호를 입력해야 하는 경우, hint에 "비밀번호를 입력하세요"라고 속성 값을 주면 사용자가 이것을 보고 비밀번호 입력란 이란 것을 알 수 있습니다.

또, inputType이라고 속성이 있습니다. 여러 가지 종류가 있지만 number라고 속성 값을 주게 되면 이 값에 맞춰 키 패드의 타입이 달라집니다.

​

<생각해보기>

1. 다른 사람들이 Play 스토어에 올려놓은 앱의 화면에서 볼 수 있는 버튼이나 텍스트 뷰에는 얼마나 많은 속성이

설정되어 있을까요?

- 버튼은 텍스트 뷰의 속성을 모두 가지고 있고, 이번 강의에서 배운 라디오 버튼의 속성 또한 여러 개이므로 꽤 많은 속성들이 있을 것 같습니다.

​

2. 버튼의 background 속성을 이용해 배경으로 이미지를 설정하면 이미지 뷰의 src 속성을 이용해

이미지를 보여주었을 때와 다른 점이 있을까요?

- backgroud 속성은 버튼의 크기만큼 채워질 것 같고, src 속성을 이용한다면 그 이미지의 크기를 조절할 수 있을 것 같습니다.

​

3. 원본 이미지의 해상도가 각각 다른 여러 이미지를 하나의 이미지 뷰에 번갈아 가면서 보여주려 할 때

이미지 뷰의 scaleType 을 어떻게 설정해야 제대로 보여줄 수 있을까요?

- 속성 중 fit으로 시작하는 값이 있습니다. 이 속성을 사용해야 할 것 같습니다.