Android TextView

Android TextView

■ 안드로이드 UI 객체 중에서 가장 기본이 되는 TextVIew에 대해서 몇 가지 정리해볼까 합니다. 가장 기초적인 화면의 객체인 문자열을 출력하는 TextView를 배치해보고, 스타일을 변경하는 것과 웹주소, 이메일, 지도 주소, 전화번호 등에 자동으로 링크가 걸리도록 설정하는 과정까지 알아보겠습니다. 

 먼저 팔레트에 있는 TextView 객체 네 개를 디자인 편집기에 배치하겠습니다. 

▲ "Plain TextView~Small Text"까지 하나씩 배치를 한 상태인데요. 이 내용을 XML 파일에서 확인해보겠습니다. 

 

 

▲ XML 파일의 내용을 보자면 <TextView> 태그로 하나의 텍스트 뷰를 묶고 있고, layout-width와 height는 문자열의 길이에 따라서 TextVIew의 크기를 정하고 있습니다. 

android : text="화면에 출력할 문자열"

android : id= 자바에서 인식할 수 있도록 id를 정해줌, 따라서 자바의 문법에 맞게 작성해야 합니다. (특수문자와 한글 사용은 안 됩니다.)

그리고 TextApperance는 문자열의 스타일이 저장되어 있는 API인데요. 이렇게 API의 리소스를 호출할 때는 "?android:attr/~~" 형식으로 "?"를 사용하고 , 프로젝트 안에 있는 리소스를 호출할 때는 "@+~" 형식으로 불러와서 사용합니다. 

TextApperance plain~Small까지 네 개를 순서대로 배치하고 있는데 이것들의 크기를 변경하면서 속성을 변경하는 과정을 알아보겠습니다. 

▲ 맨 마지막에 배치한 small 텍스트 뷰를 선택하고 속성(Properties) 창을 살펴볼게요.

▲ 이렇게 TextAppearance에 "?android:attr/textAppearanceSmall"로 설정되어 있는데요. 그림에서 표시한 버튼을 클릭하겠습니다.  

▲ Resources 창이 열리는데요. 현재 'Small'로 되어 있는 것을 'Large'를 선택해서 변경해보겠습니다. 

▲ 문자열은 Small Text로 되어 있는데 글자의 크기는 Large 속성이 적용돼서 크기가 변한 걸 확인할 수 있습니다. 다음은 이 문자열의 내용도 바꾸고 상황에 따라서 자동으로 링크가 걸리도록 속성을 변경할 텐데요. 이렇게 설정하면 웹주소, 이메일, 전화번호, 맵 주소 등을 입력하면 자동으로 링크가 걸리게 됩니다. 

▲ autoLink 속성값을 설정해주면 되는데요. web, email, phone, map 중에서 하나만 선택해서 적용할 수도 있고, 네 가지 모두 자동으로 링크가 걸리도록 하면 "all"속성을 선택하면 됩니다. 이렇게 해주면 "Small Text" 대신에 웹 주소나 전화번호 등을 입력하면 자동으로 링크가 걸리게 됩니다. 

 마지막으로 Small Text를 웹 주소로 변경해서 링크를 걸어보고 마무리하겠습니다. 

▲ 그림과 같이 Text 속성에 웹 주소를 입력해봤습니다. 텍스트가 바뀐 걸 확인할 수 있고요. 자동으로 링크도 걸리게 된답니다. 

 이렇게 해서 Android UI 객체 중에서 TextVIew 객체를 배치하고 몇 가지 속성 변경 과정을 알아봤는데요. 다른 속성들도 한 번씩 클릭해서 어떻게 바뀌는지 변경해보세요. 수고하셨습니다.