Text
TextView: 화면에서 Text를 표시할 때 사용하는 뷰 위젯
textView의 Text의 길이가 Text의 수평 영역을 벗어날 경우 자동으로 줄 바꿈이 발생
singleLine 속성을 "true"로 지정하게 되면 이러한 줄 바꿈이 발생하지 않고 잘리는 Text 영역을 ... 과 같은 생략 기호로 나타냄
ellipsize 속성은 singleLine 속성 값이 "true"일 때 혼합하여 사용하는 속성으로 text가 생략되는 위치를 지정할 수 있음
textview 속성 gravity
TextView 영역내에서 Text가 배치되는 영역을 지정
- Plain Text: 표준 텍스트 키보드를 표시하는 textview
- Password: 표준 텍스트 키보드를 표시하고 개인 정보 보호를 위해 입력 한 텍스트를 숨김
- Password(Numeric): 숫자 키보드를 표시하고 개인 정보 보호를 위해 입력 한 텍스트를 숨김
- E-mail: 스페이스 바 왼쪽에 "@" 문자를 추가하여 표준 텍스트 키보드를 표시
- Phone: 사용자가 전화번호 형식의 텍스트를 입력하기 쉽게 숫자 키보드가 올라오고 '-'가 위치
- Postal Address: 사용자가 우편번호 형식의 텍스트를 입력하기 쉽게 키보드 맨 윗줄에 길게 탭 했을 때 숫자가 입력됨
- Multiline Text: 새 줄을 추가하기 위해 Enter 키를 추가하여 표준 텍스트 키보드를 표시
- Time: 사용자가 시간 형식의 텍스트 ex)10:20를 입력하기 쉽게 ":" 문자를 추가하여 숫자 키보드를 표시
- Date: 사용자가 날짜 형식의 텍스트 ex) 2021/06/29를 입력하기 쉽게 "/"문자를 추가하여 숫자 키보드를 표시
- Number: 기본 숫자 키보드를 표시. '-', ',' '.' 등의 부호가 입력되지 않음
- Number(Signed): 기본 숫자 키보드를 표시 , 시작 시 + 또는-문자를 허용, 숫자를 입력하는 도중에는 '-'를 입력할 수 없고, 이 외에 ','와 '.'를 쓸 수 없음
- Number(Decimal): 기본 숫자 키보드를 표시, 소수점('.')을 허용합니다. '-'와 ','는 사용할 수 없음
- AutoCompleteTextView: 사용자가 입력하는 동안 자동 완성 제안을 표시하는 편집 가능한 텍스트보기. 제안 목록이 드롭 다운 메뉴에 표시되어 사용자가 편집 상자의 내용을 바꿀 항목을 선택
- MutilAutoCompleteTextView: 확장 가능한 편집 가능한 텍스트보기로, AutoCompleteTextView사용자가 전체 내용 대신 입력하는 텍스트의 하위 문자열에 대한 완성 제안을 표시
- CheckedTextView: 체크박스를 제공하는 확장 TextViewMainActivity에서 setOnClickListner을 통해 체크 박스의 체크와 해제 속성을 부여 할 수 있음
- TextlnputLayout: 텍스트를 입력하는 곳이 Layout의 속성을 가짐, Layout의 속성을 설정하듯이 속성을 설정할 수 있음
Buttons
- Button: 사용자가 탭하거나 클릭하여 작업을 수행 할 수있는 사용자 인터페이스 요소, MainActivity에서 setOnClickListener로 버튼을 누르면 어떤 작업을 할 것인지 설정할 수 있음
- ImageButton: 사용자가 누르거나 클릭 할 수있는 이미지 버튼을 표시
- ChipGroup: 다수의 chip을 관리할 수 있는 컴포넌트
- Chip: 워드 혹은 카테고리, 요소, 타입 등을 표현 할 때 종종 타원형의 background에 그 텍스트를 표현하는 버튼
- CheckBox: 선택 또는 선택 해제 할 수 있는 체크박스 유형의 상태 버튼
- RadioGroup: 라디오 그룹을 사용하면 세트에서 하나의 옵션을 선택. 사용자가 사용 가능한 모든 옵션을 나란히 볼 필요가 있다고 생각되면 상호 배타적 인 옵션 세트에 라디오 그룹을 사용
- RadioButton: 원형으로 된 체크박스
- ToggleButton: 토글 버튼을 사용하면 두 상태 사이에서 설정을 변경, 누르기 전 후 버튼 안의 텍스트 변경
- Switch: 스위치는 두 가지 옵션 중에서 선택할 수있는 2 상태 토글 스위치 위젯. 드래그하여 선택한 옵션을 선택하거나 간단히 탭하여 마치 확인란 인 것처럼 토글
- FloatingActionButton: UI 위에 원형의 떠 있는 듯한 버튼, 버튼을 활용하여 특수 동작 기능 넣을 수 있음
Widgets
- View: 액티비티 내에서 공간을 설정
- imageView: View 의 속성을 상속받아 공간 안에 사진을 넣음
- WebView: View 의 속성을 상속받아 특정한 url과 연결된 뷰를 넣음, 각 OS별 내장된 웹 브라우저를 뷰형태로 앱에서 표현
- VideoView: View를 상속받고 액티비티에 동영상을 넣음
- CalendarView: View를 상속받아 캘린더를 넣음, 탭, 클릭 이벤트로 날짜를 선택 할 수 있으며 원하는 날짜로 달력을 스크롤 하고 찾는 기능
- ProgressBar: 진행상황을 알려주는 원형의 컴포넌트
- ProgressBar(horizontal): 수평의 작업 진행률을 나타내는 사용자 인터페이스 요소, 왼쪽 끝에서 부터 오른쪽으로 채워짐
- SeekBar: 드래그 가능한 썸을 추가하는 ProgressBar의 확장 위젯, 연속적인 실선 위를 움직이며 왼쪽 또는 오른쪽으로 끌거나 화살표 키를 사용하여 현재 진행률 수준을 설정
- SeekBar(Discrete): 불연속적으로 놓여있는 점 위를 움직이며 조절하는 컴포넌트
- RatigBar: SeekBar 및 ProgressBar의 확장으로 별표로 등급 혹은 만족도 등을 표시
- SearchView: 사용자가 검색어 입력 후 search provider 에게 검색을 요청할 수 있는 UI 를 제공, 검색어 추천 리스트나 검색 결과 리스트를 보여주고 사용자는 해당 리스트에서 원하는 item 을 선택할 수 있음
- TextureView: 비디오나 openGL 같은 콘텐츠 스트림을 표시
- SurfaceView: 뷰 계층 구조에 포함 된 형식과 크기의 제어가 가능한 전용 드로잉 표면을 제공
- Horizontal Divider: 수평으로 나눔
- Vertical Divider: 수직으로 나눔
Containers
- Spinner: 여러 개의 값 중 1개를 선택하기 위해 사용하는 위젯
- RecyclerView: 많은 수의 데이터 집합을 영역 내에 유연하게 표시할 수 있도록 만든 위젯
- ScrollView: 수직으로 스크롤하는 기능
- HorizontalScrollView: 수평으로 스크롤하는 기능
- NestedScrollView: 한 화면에 여러 개의 스크롤을 사용할 때 사용, 이중 스크롤 사용 시 (ScrollView in ScrollView), 스크롤 안에 RecyclerView 사용 시(RecyclerView in ScrollView
- ViewPager2: View를 Paging 하는 기능, View를 슬라이드 쇼처럼 넘겨주는 툴, 기존에 있는 ViewPager와는 다르게 수평 페이징만 가능했지만 수직 페이징 지원, Right To Left 페이징 지원
- CardView: 곡선 테두리와 음영을 표시할 수 있는 레이아웃
- AppBarLayout: 머티리얼 가이드에서 제시하는 AppBar를 구현하고 이 AppBar가 제공하는 여러 기능들이 구현되어 있는 Vertical LinearLayout 레이아웃, AppBarLayout 아래에 스크롤이 가능한 스크롤 뷰(또는 리사이클러뷰)가 배치되는 경우, 스크롤 뷰의 스크롤 상태에 따라 AppBarLayout이 사라지거나 다시 나타나거나 하는 효과를 구현할 수 있는 기능을 제공
- BottomAppBar: 한 손으로 사용이 용이하게끔 네비게이션 메뉴와 다양한 옵션들을 하단으로 내린 스타일
- NavigationView: 보통 왼쪽 상단에 위치하는 메뉴 버튼을 터치하거나 손가락으로 화면 왼쪽을 스와이프하여 나오는 뷰, 모바일 디바이스는 화면이 제한적이라 모든 UI를 담을 수 없기 때문에 해당 기능을 사용하여앱의 Activity를 최소화하기 위하여 사용
- BottomNavigationView: 하단에 포함되는 View
- Toolbar: 앱에서 가장 중요한 액션 또는 가장 자주 사용되는 액션들을 제공하는 앱바를 만들 때 사용
- TabLayout/TabItem: Tab버튼(TabItem)이 위치한 TabLayout과 화면이 바뀌는 아래쪽의 FrameLayout으로 구성
- ViewStub: 만약 전체 UI의 View가 복잡하고 많지만 실제로 보이는 View의 개수가 많지 않을 때 View에 대해 ViewStub를 사용하면 전체 UI를 구성하는 비용이 훨씬 적어짐
- : 하나의 Title 혹은 Bottom레이아웃을 모든 Activity에 적용시킬 수 있음
- : 하나의 액티비티에서 여러 개의 화면 가질 수 있게 만들기 위해 생긴 개념
- NavHostFragment:
- : 다른 View를 포함하고 있거나 포함할 수 있는 View, 일반적으로 ViewGroup을 상속하면서 Layout이 아닌 클래스를 지칭
- : 특정 뷰에 requestFocus를 걸면 그쪽으로 포커스가 이동
Helpers
- Group: ConstraintLayout에서 제공하는 helper 중 하나, 여러 뷰들의 visibility를 그룹으로 묶어 관리하기 편하게 해줌
- Barrier(Horizontal)/(Vertical): 뷰들의 크기가 런타임으로 변할 때 적합한 제약조건을 생성할 수 있음, 해당 Barrier에 연관된 뷰 들은 크기/위치가 Barrier에 맞게 변경됨, start, top, end, bottom 중 하나의 위치로 지정
- Flow: 기존에 ConstraintLayout에서 LinearLayout처럼 동작하게 하는Chain과 유사하게 수평 또는 수직으로 배치를 할 수 있게 해줌
- Guideline(Horizontal)/(Vertical): 가로 또는 세로축 방향을 가진 가상의 뷰, 부모 뷰의 특정 위치를 기준점으로 삼을 때 사용
- ImageFilterView/ImageFilterButton: 이미지를 표시하며 색조, 명도, 색온도, 대비 등을 수정을 가능하게 하는 뷰와 버튼
- MockView: 레이아웃을 프로토타입화하는 데 유용한 보기, 대각선과 함께 레이블(기본적으로 뷰 ID)을 그릴 수 있는 기본 뷰
Google
- AdView: View배너 광고를 표시API
- MapView: Google지도 서비스에서 얻은 데이터와 함께지도를 표시하는 API
