[Kotlin] 기본적인 뷰 살펴보기

[Kotlin] 기본적인 뷰 살펴보기

뷰는 위젯이라고 하기도 한다.

 

< TextView 텍스트 뷰 >

 

TextView는 문자열을 화면에 출력하는 뷰

text attribute를 추가하면 코드에 자동 생성된다.

 

android:text 속성 : TextView에 출력할 문자열을 지정

- android:text = "helloworld"

 

android:textColor 속성 : 문자열의 색상을 지정

- android:textColor = "#FF0000"

 

android:textSize 속성 : 문자열의 크기를 지정

- android:textSize = "20dp"

 

android:textStyle 속성 : 문자열의 스타일을 지정

- android:textStyle = "bold"

- bold, italic, normal 중에서 선택

 

android:autoLink 속성 : 출력할 문자열을 분석해 특정 형태의 문자열에 자동 링크를 추가

- android:autoLink = "web"

- web, phone, email 등을 사용

 

 

< 문자열 res/values/strings.xml >

긴 문자열을 res/values/strings.xml에서 activity_main.xml로 가지고 오는 경우 

 

 

< 이미지 res/drawable >

이미지는 res/drawable에 드래그 앤 드롭으로 넣는다.

 

< Palette TextView >

TextView는 수정이 불가능 하지만, 나머지 Text들은 모두 수정이 가능하다.

수정 가능한 텍스트를 editText라고 한다.

 

 

< 에디트 텍스트 >

글을 입력할 수 있는 뷰

 

- 속성

android:lines : 처음부터 여러 줄 입력 크기로 나오게 하는 속성

android:maxLines : 처음에는 한 줄 입력 크기로 출력되다 지정한 크기까지 늘어난다

android:inputType : 글을 입력할 때 올라오는 키보드를 지정하는 속성

ex) android:inputType = "phone"

 

 

< input 속성 >

text : 문자열 한 줄 입력

textCapCharacters : 대문자 입력 모드

textEmailAddress : 이메일 주소 입력 모드

textPassword : 비밀번호 입력 모드로 입력한 문자를 점으로 표시. 키보드는 영문자와 숫자, 특수 키만 표시

number : 숫자 입력 모드

numberSigned : number와 같으며 부호 키인 마이너스 입력 가능

phone  : 전화번호 입력 모드

 

 

< 버튼, 체크박스, 라디오 버튼 >

Button : 사용자의 이벤트를 처리

CheckBox : 다중 선택을 제공하는 뷰

RadioButton : 단일 선택을 제공하는 뷰

버튼을 눌러 동작을 하는 것은 코틀린에서 한다.

라디오 버튼은 RadioGroup과 함께 사용하여 그룹으로 묶은 라디오 버튼 중 하나만 선택할 수 있게 설정한다.