[Android] Palette (Text)

TextView

애플리케이션 내 글상자를 만들어줍니다.

    <TextView
        android:id="@+id/textView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

Text의 글꼴 속성입니다.

속성	설명
textColor	Text의 색상과 투명도를 설정할 수 있습니다.
textSize	Text의 크기를 지정합니다. 단위가 다양합니다.
textStyle	Text의 Style을 지정합니다. bold : Text의 굵기를 두껍게 합니다 italic : Text를 기울입니다.

Text의 길이가 수평 영역을 벗어날 경우 자동으로 줄 바꿈이 발생하지만 아래 속성을 사용하게 되면

줄 바꿈이 생기지 않고 벗어나는 영역을... 과 같은 생략 기호로 나타냅니다.

singleLine / ellipsize

속성	설명
start	Text 앞쪽을 생략합니다.
middle	Text 중앙을 생략합니다.
end	Text 끝쪽을 생략합니다.

 

---

Plain Text

 

기존의 Edit Text에 텍스트 입력이 가능하며 주로 ID입력 등에 쓰입니다.

 

누르기 전

누르고 입력 후

---

Password Text

 

비밀번호같이 중요한 텍스트를 암호화 해주는 역할을 해줍니다.

 

누르기 전

누르고 입력 후

텍스트 한 글자가 써질 때 마다 암호화를 해줍니다.

---

Password Text(Numeric)

 

Password Text와 동일한 기능이지만 숫자만 입력이 가능합니다.

 

누르기 전

누르고 입력 후

마지막 사진과 같이 숫자만 입력이 가능한 숫자 입력창이 열립니다.

---

Email Text

 

email을 입력 가능한 Edit Text이며 누를 시 입력창이 열립니다.

---

Phone Text

 

핸드폰 번호를 입력하는 창이며 각종 전화번호에 연관된 입력창이 열립니다.

 

---

Postal Address

 

우편 번호 혹은 주소를 적을수 있는 Edit Text 입니다.

---

Multiline Text

 

여러 줄을 받을 수 있는 EditText입니다.

멀티라인을 설정하지 않은 입력창

멀티라인을 설정 한 입력창

위 입력창 두 개의 차이점은 줄 바꿈이 있냐 없냐의 차이입니다.

---

Time Text

 

시간을 입력할 수 있는 입력창이 뜨게 하는 EditText입니다.

---

Date Text

 

날짜를 입력할 수 있는 입력창이 뜨게 하는 EditText입니다.

 

---

Number Text

 

숫자를 입력할 수 있는 입력창이 뜨게 하는 EditText입니다.

---

Number Text(Signed)

 

부호가 있는 숫자를 입력할 수 있는 입력창이 뜨게 하는 EditText입니다.

 

---

Number Text(Demical)

 

소수점 숫자를 입력할 수 있는 입력창이 뜨게 하는 EditText입니다.

 

 

---

AutoCompleteTextView Text

 

입력 테스트를 자동완성해주는 입력창이 뜨게 하는 EditText입니다.

 

---

MultiAutoCompleteTextView Text

 

AutoCompleteTextView는 한 개의 단어만 자동완성해주었다면

MultiAutoCompleteTextView는 한 단어를 완성 후 쉼표를 입력해주면 새로운 자동완성 단어를 뜨게 해 줍니다.

 

---

CheckedTextView

 

선택 가능한 체크박스를 제공하는 EditText입니다.

일반적으로 선택 or해제가 필요할 때 사용을 합니다.

이 기능을 사용하려면 코틀린 코드를 추가해야 합니다.

체크 전

체크 후

 

---

TextInputLayout

 

TextInputLayout은 EditText에 입력된 텍스트를 기반으로

View가 유동적으로 반응하기 위해서 고안된 레이아웃입니다.

 

첫 번째 기능

힌트표시

두 번째 기능

입력창이 떴을 경우 힌트가 라벨처럼 따라다닙니다.

---

 

여기까지 Palette - Text에 있는 기능을 사용해 보았습니다.