[Android Study] 뷰의 종류

* 기본적이면서 자주 사용하는 뷰를 정리해 보았다.

 

* 텍스트 뷰

 - android:text 속성

    - TextView에 출력할 문자열을 지정함.

 - android:textColor 속성

    - 문자열의 색상을 지정함. 값은 #FF0000처럼 16진수 RGB 형식을 사용.

 - android:textSize 속성

    - 문자열의 크기를 지정함. 단위는 px, dp, sp 등을 사용.

 - android:textStyle 속성

    - 문자열의 스타일을 지정함. bold, italic, normal 중에 선택.

 - android: autoLink 속성

    - TextView에 출력할 문자열을 분석해 특정 형태의 문자열에 자동으로 링크를 추가해준다. 만약 android:autoLink="web"으로 설정하면 문자열에 웹 주소가 포함되었을 때 해당 문자열을 링크 모양으로 표시한다. web, phone, email 값을 사용할 수 있으며 여러 개를 함께 설정하려면 | 기호로 연결한다.

  - android:maxLines 속성

    - 문자열이 특정 줄까지만 나오게 할 때 사용. maxLines="3"으로 설정하면 문자열이 3행까지만 출력된다.

  - android: ellipsize 속성

    - maxLinte 속성을 사용해 출력되지 않은 문자열이 있다는 것을 표시하는 ... 을 사용하고 싶을 때 사용. start, middle, end 속성을 통해 말줄임표의 위치를 지정할 수 있다. 

 

* 이미지 뷰

 - android:src 속성

    - ImageView에 출력할 이미지를 설정. ImageView에는 리소스 이미지, 파일 이미지, 네트워크 이미지 등을 출력할 수 있다. android:src="@drawable/image3"과 같이 사용.

 - android: maxWidth, android:adjustViewBounds 속성

    - Image가 뷰의 크기보다 훨씬 크다면 이미지를 넣었을 때 뷰가 같이 확 커져버리는 경우가 발생한다. 이때 maxWidth, maxHeight를 지정해주면 최대크기를 설정해줄 수 있다. 이때 adjustViewBounds = "true"까지 같이 사용해줘야 한다. true로 설정하면 이미지의 가로세로 길이와 비례해 뷰의 크기를 맞춰준다.

 

* 버튼, 체크박스, 라디오 버튼

 - Button은 사용자 이벤트를 처리하고 CheckBox는 다중 선택을, RadioButton은 단일 선택을 제공하는 뷰이다. 체크박스와 다르게 라디오 버튼은 화면에 여러 개가 나오면 하나만 선택하게 해야 하므로 RadioGroup을 사용해 묶어준다. 한 그룹에 있는 라디오 버튼 중 하나만 선택할 수 있게 하는 것이다.

RadioGroup으로 묶여있다

 

* 에디트 텍스트

 - EditText는 사용자가 글을 입력할 수 있는 뷰이다.

 - android:lines, android:maxLines 속성

    - EditText는 한 줄 입력 크기로 출력되었다가 사용자가 키보드에서 엔터를 누르면 아래로 늘어나서 여러 줄 입력 크기가 된다. 그런데 처음부터 여러 줄 입력 크기로 나오게 하는 속성이 android:lines이다. android:lines ="3"으로 설정하면 처음부터 3줄 입력 크기로 화면에 나오며 더 늘어나지는 않는다. 물론 그 안에서 스크롤을 하면 여러 줄을 입력할 수 있다.

    - maxLines="3"으로 설정하면 처음에는 한 줄 입력 크기로 출력되고 엔터를 누르면 3줄까지 늘어나며 더 늘어나지 않는 형태이다.

 

 - android:inputType 속성

    - inputType 속성은 글을 입력할 때 올라오는 키보드 타입을 지정하는 속성이다. inputType 속성에는 다음과 같이 여러가지가 있다.

    - phone, text, number, textPassword, textEmailAddress, textUri 등.

왼쪽은 inputType="phone", 오른쪽은 inputType="text"