일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 다이나믹프로그래밍
- dynamic programming
- 프로그래밍
- 계획
- 강좌
- mmdetection
- 2020
- 라즈베리파이
- 2021
- 알고리즘
- 라즈베리파이 모니터
- dp
- 라즈베리파이3
- 백준
- 자작시
- python 강좌
- 파이썬 강의
- it
- 파이썬 강좌
- 슬픔
- C++
- python 강의
- 철학
- BOJ
- 강의
- 파이썬
- 머신러닝
- python
- 공부
- mmcv
Archives
- Today
- Total
Stargazer
[Android] 안드로이드 스튜디오 팔레트 정리 본문
반응형
안드로이드 스튜디오 내에 팔레트(Palette)로 액티비티의 화면을 구성할 수 있다.
각 카테고리별 컴포넌트를 조사해봤다.
카테고리 | 컴포넌트 | 설명 | 예시 |
Common | TextView | 화면에 텍스트를 표시하는 기능 | 앱 소개 타이틀 |
Button | 사용자가 탭하거나 클릭하여 작업을 수행 할 수있는 사용자 인터페이스 요소 | 페이지 이동 버튼 | |
imageView | View 의 속성을 상속받아 공간 안에 사진을 넣음 | 배달 앱 음식 리뷰 사진 | |
RecyclerView | 스크롤이 가능한 컨테이너에 여러 개의 뷰를 담아서 보여주는 뷰 그룹으로 ListView가 더 진보하고 유연해진 버전 | 유튜브 추천 동영상 목록 무한정 스크롤 | |
FragmentContainerView | Fragment를 위해 특별히 설계된 레이아웃 FrameLayout을 확장하여 프래그먼트 트랜잭션을 안정적으로 처리 할 수 있고, 프래그먼트 동작을 조정할 수있는 추가 기능도 있다. |
frame layout 확장 | |
ScrollView | 수직(위아래)로 스크롤하는 기능 하나의 위젯만 가능 |
화면이 넘치도록 목록이 많을때 | |
Switch | 텍스트 오른쪽에 스위치 생성 스위치는 두 가지 옵션 중에서 선택할 수있는 두 상태 토글 스위치 위젯. 드래그하여 선택한 옵션을 선택하거나 간단히 탭하여 마치 확인란 인 것처럼 토글 |
on/off 스위치 | |
Text | TextView | 화면에 텍스트를 표시하는 기능 | 앱 소개 타이틀 |
Plain Text | 표준 텍스트 키보드를 표시하는 textview | 입력 칸 | |
Password | 표준 텍스트 키보드를 표시하고 개인 정보 보호를 위해 입력 한 텍스트를 숨김 | 패스워드 입력칸 | |
Password(Numeric) | 숫자 키보드를 표시하고 개인 정보 보호를 위해 입력 한 텍스트를 숨김 | 숫자 패스워드 | |
스페이스 바 왼쪽에 "@" 문자를 추가하여 표준 텍스트 키보드를 표시 | 이메일 입력 | ||
Phone | 사용자가 전화번호 형식의 텍스트(xxx-xxxx)를 입력하기 쉽게 숫자 키보드가 올라오고 '-'가 위치 | 전화번호 입력 | |
Postal Address | 사용자가 우편번호 형식의 텍스트를 입력하기 쉽게 키보드 맨 윗줄에 길게 탭했을 때 숫자가 입력됨 | 우편번호 | |
Multiline Text | 새 줄을 추가하기 위해 Enter 키를 추가하여 표준 텍스트 키보드를 표시 | 멀티 라인 | |
Time | 사용자가 시간 형식의 텍스트(예) 12:20)를 입력하기 쉽게 ":" 문자를 추가하여 숫자 키보드를 표시 | 숫자 키보드에 ':' 추가 | |
Date | 사용자가 날짜 형식의 텍스트(예) 2020/09/23)를 입력하기 쉽게 "/"문자를 추가하여 숫자 키보드를 표시 | 숫자 키보드에 '/' 추가 | |
Number |
기본 숫자 키보드를 표시합니다. '-', ',' '.' 등의 부호가 입력되지 않음 | 일반 숫자 | |
NumberNumber(Signed) | 기본 숫자 키보드를 표시 , 시작시 + 또는-문자를 허용(양수,음수) 숫자를 입력하는 도중에는 '-'를 입력할 수 없고, 이 외에 ','와 '.'를 쓸 수 없음 |
부호 있는 숫자 | |
Number(Decimal) | 기본 숫자 키보드를 표시, 소수점('.')을 허용합니다. '-'와 ','는 사용할 수 없음 | 소수점 양수 숫자 | |
AutoCompleteTextView | 사용자가 입력하는 동안 자동 완성 제안을 표시하는 편집 가능한 텍스트보기. 제안 목록이 드롭 다운 메뉴에 표시되어 사용자가 편집 상자의 내용을 바꿀 항목을 선택 |
자동완성 지원 하는 텍스트 | |
MutilAutoCompleteTextView | 확장 가능한 편집 가능한 텍스트보기로, AutoCompleteTextView사용자가 전체 내용 대신 입력하는 텍스트의 하위 문자열에 대한 완성 제안을 표시 | 멀티 라인으로 자동완성 | |
CheckedTextView | 체크박스를 제공하는 확장 TextViewMainActivity에서 setOnClickListner을 통해 체크 박스의 체크와 해제 속성을 부여 할 수 있음 | 선택 가능한 텍스트 | |
TextlnputLayout | 텍스트를 입력하는 곳이 Layout의 속성을 가짐 Layout의 속성을 설정하듯이 속성을 설정할 수 있음 |
유동적인 텍스트(ex. 글자수 세기) | |
Buttons | Button | 사용자가 탭하거나 클릭하여 작업을 수행 할 수있는 사용자 인터페이스 요소 MainActivity에서 setOnClickListener로 버튼을 누르면 어떤 작업을 할 것인지 설정할 수 있음 |
버튼 |
ImageButton | 사용자가 누르거나 클릭 할 수있는 이미지 버튼을 표시 |
이미지 버튼 | |
Chip | 워드 혹은 카테고리, 요소, 타입 등을 표현 할 때 종종 타원형의 background에 그 텍스트를 표현하는 버튼 | 다양한 스타일의 버튼 | |
ChipGroup | 다수의 chip을 관리할 수 있는 컴포넌트 | 그룹화 | |
CheckBox | 선택 또는 선택 해제 할 수 있는 체크박스 유형의 상태 버튼 | 다중 선택 | |
RadioButton | 원형으로 된 체크박스 | 라디오 버튼 | |
RadioGroup | 라디오 그룹을 사용하면 세트에서 하나의 옵션을 선택. 사용자가 사용 가능한 모든 옵션을 나란히 볼 필요가 있다고 생각되면 상호 배타적인 옵션 세트에 라디오 그룹을 사용 |
설문조사(매우 불만족 ~ 매우 만족) 등 다중 1택 | |
ToggleButton | 토글 버튼을 사용하면 두 상태 사이에서 설정을 변경, 누르기 전 후 버튼 안의 텍스트 변경 |
Tab 키 | |
Switch | 텍스트 오른쪽에 스위치 생성 스위치는 두 가지 옵션 중에서 선택할 수있는 2 상태 토글 스위치 위젯. 드래그하여 선택한 옵션을 선택하거나 간단히 탭하여 마치 확인란 인 것처럼 토글 |
on/off 스위치 | |
FloatingActionButton | UI 위에 원형의 떠 있는 듯한 버튼, 버튼을 활용하여 특수 동작 기능 넣을 수 있음 | 떠있는 버튼 | |
Widgets | View | 액티비티 내에서 공간을 설정 | 특정 컴포넌트 삽입 |
imageView | View 의 속성을 상속받아 공간 안에 사진을 넣음 | 이미지 삽입 | |
WebView | View 의 속성을 상속받아 특정한 url과 연결된 뷰를 넣음 각 OS별 내장된 웹 브라우저를 뷰형태로 앱에서 표현 |
웹브라우저 뷰 | |
VideoView | View를 상속받고 액티비티에 동영상을 넣음 | 비디오 삽입 | |
CalendarView | View를 상속받아 캘린더를 넣음 탭, 클릭 이벤트로 날짜를 선택 할 수 있으며 원하는 날짜로 달력을 스크롤 하고 찾는 기능 |
달력 삽입 | |
ProgressBar | 진행상황을 알려주는 원형의 컴포넌트 | 로딩바(원형) | |
ProgressBar(horizontal) | 수평의 작업 진행률을 나타내는 사용자 인터페이스 요소 왼쪽 끝에서 부터 오른쪽으로 채워짐 |
로딩바 | |
SeekBar | 드래그 가능한 썸을 추가하는 ProgressBar의 확장 위젯. 연속적인 실선 위를 움직이며 왼쪽 또는 오른쪽으로 끌거나 화살표 키를 사용하여 현재 진행률 수준을 설정 |
음량, 밝기 등 아날로그 식 조정 | |
SeekBar(Discrete) | 불연속적으로 놓여있는 점 위를 움직이며 조절하는 컴포넌트 | 채널 등 조절 | |
RatingBar | SeekBar 및 ProgressBar의 확장으로 별표로 등급 혹은 만족도 등을 표시 | 별점 | |
SearchView | 사용자가 검색어 입력 후 search provider 에게 검색을 요청할 수 있는 UI 를 제공 검색어 추천 리스트나 검색 결과 리스트를 보여주고 사용자는 해당 리스트에서 원하는 item 을 선택할 수 있다 |
검색 창 | |
TextureView | TextureView를 사용하여 비디오나 openGL 같은 콘텐츠 스트림을 표시 할 수 있습니다 | 실시간 카메라 화면 | |
SurfaceView | 뷰 계층 구조에 포함 된 형식과 크기의 제어가 가능한 전용 드로잉 표면을 제공 | 사진 보정 등 이미지 편집 | |
Horizontal Divider | 수평으로 나눔 | 수평 구분 | |
Vertical Divider | 수직으로 나눔 | 수직 구분 | |
Layouts | ConstraintLayout | 연결선을 통해 그 안에 추가된 뷰들의 위치를 결정 | 제약 레이아웃 |
LinearLayout(horizontal) | 단일 열에 수평적으로 다른 view들을 정렬할 수 있는 layout | 가로로 나열 | |
LinearLayout(vertical) | 단일 행에 수직적으로 다른 view들을 정렬할 수 있는 layout | 세로로 나열 | |
FrameLayout | 여러 view들중 한 개의 view를 화면에 나타내기 위해 그 view가 차지할 구역을 가려버리기 위해 사용하는 layout | 겹쳐서 | |
TableLayout | view를 격자 형태로 배치 | 표 형식 | |
TableRow | TableLayout에 하위 뷰 | 표의 행을 의미 | |
Space | 공간 배치를 위한 위젯 | 배치를 도와주는 요소 | |
Containers | Spinner | 여러개의 값 중 1개를 선택하기 위해 사용하는 안드로이드 에서 제공해주는 기본 위젯 | 날짜 선택 등 리스트 선택 |
RecyclerView | 스크롤이 가능한 컨테이너에 여러 개의 뷰를 담아서 보여주는 뷰 그룹으로 ListView가 더 진보하고 유연해진 버전 | 유튜브 추천 동영상 목록 무한정 스크롤 | |
ScrollView | 수직(위아래)로 스크롤하는 기능 하나의 위젯만 가능 |
스크롤 뷰 | |
HorizontalScrollView | 수평(좌우)으로 스크롤하는 기능 | 좌우 스크롤 | |
NestedScrollView | 한 화면에 여러개의 스크롤을 사용할 때 | 여러 스크롤 동시에 할때 | |
ViewPager2 | RecyclerView를 기반 ViewPager에서는 좌우 스크롤링만 가능, 상하 스크롤링기능을 추가 |
목록을 보여줄 때 | |
CardView | CardView는 FrameLayout 클래스를 확장 둥근 모서리, 배경과 그림자가 추가된 FrameLayout |
카드 형식의 뷰 | |
AppBarLayout | LinearLayout 머티리얼 디자인 앱 바 개념의 많은 기능, 즉 스크롤링 제스처를 구현 하는 카테고리 | 커스텀 메뉴 바 | |
BottomAppBar | .NET Framework를 "cradles" 시키는 모양의 배경을 지원하는 툴바의 확장 | 아래 쪽에 위치하는 앱바 |
|
NavigatationView | 애플리케이션의 표준 탐색 메뉴, 메뉴 내용은 메뉴 리소스 파일로 채울 수 있음 | 네비게이션 | |
BottomNavigationView | NavigatationView 하단 위치 | 하단 네비게이션 | |
Toolbar | 응용 프로그램 콘텐츠 내에서 사용하기위한 표준 도구 모음 | 도구 모음 | |
TabLayout | 탭을 표시하기위한 가로 레이아웃을 제공 | 탭 표시 레이아웃 | |
TabItem | TabLayout 레이아웃 내에서 탭 항목을 선언 할 수있는 특수한 '보기' TabLayout에 추가되지 않으며 탭 항목의 텍스트, 아이콘 및 사용자 정의 레이아웃을 설정할 수 있음 |
각 탭 항목 | |
ViewStub | 런타임에 레이아웃 리소스를 느리게 확장하는 데 사용할 수 있는 크기가 0 인 보이지 않는 보기 | 런타임에서 늦은 전개를 원할 때 사용 | |
<include> | 레이아웃에 재사용 가능한 구성요소를 추가 | 구성요소를 재사용 할때 | |
<fragment> | FramentActivity 내의 어떤 동작 또는 사용자 인터페이스의 일부, 액티비티의 모듈식 섹션 여러 개의 프래그먼트를 하나의 액티비티에 결합하여 창이 여러 개인 UI를 빌드할 수 있으며, 하나의 프래그먼트를 여러 액티비티에서 재사용할 수 있음 자체적인 수명 주기를 가지고, 자체 입력 이벤트를 수신하고, 액티비티 실행 중에 추가 및 삭제가 가능 |
액티비티 기능 분할 | |
NavHostFragment | 자체 포함 된 navigation이 발생할 수 있도록 레이아웃 내에 영역을 제공 | ||
<view> | 다른 View들을 포함하고 있거나 포함할 수 있는 View를 말하며, 일반적으로 ViewGroup을 상속하면서 Layout이 아닌 클래스를 지칭 | ||
<requestFocus> | 해당 뷰 focus | ||
Helpers | Group | 일련의 위젯의 가시성을 제어한다 | |
Barrier(Horizontal) | 여러가지 참조한 위젯 들 중 가장 끝의 위젯을 기반해 가상의 가이드라인을 만든다. | 가이드라인(유동) | |
Barrier(Vertical) | 여러가지 참조한 위젯 들 중 가장 끝의 위젯을 기반해 가상의 가이드라인을 만든다. | 가이드라인(유동) | |
Flow | 체인과 비슷하게 참조된 위젯을 배치한다. | ||
Guideline(Horizontal) | 레이아웃 용도로만 사용되는 배치 도움 가이드라인(고정) | 가이드라인(고정) | |
Guideline(Vertical) | 레이아웃 용도로만 사용되는 배치 도움 가이드라인(고정) | 가이드라인(고정) | |
Layer | 참조된 뷰의 가시성과 고도 제어 | ||
ImageFilterView | 이미지들을 표시, 결합, 필터링 할 수 있다. 다양한 일반적인 필터링 연산을 다루는 ImageVIew의 하위 클래스 |
||
ImageFilterButton | 이미지들을 표시, 결합, 필터링 할 수 있다 다양한 일반적인 필터링 연산을 다루는 AppCompatImageButton의 하위 클래스 |
||
MockView | 프로토타이핑 레이아웃에 유용한 뷰 | ||
AdView | View배너 광고를 표시API | 광고 표시 | |
MapView | Google지도 서비스에서 얻은 데이터와 함께지도를 표시하는 API | 맵 표시 | |
Legacy | GridLayout | 사각형의 grid(격자 무늬를 생각하면 쉽다)안에 children을 위치시키는 layout | 격자 구성으로 분리 |
ListView | 사용자가 정의한 데이터 목록을 아이템 단위로 구성하여 화면에 출력하는 ViewGroup의 한 종류 | 목록 표시 | |
TabHost | 여러 탭을 두고 각 탭을 클릭할 때마다 해당 화면이 나오도록 설정하는 뷰 컨테이너 |
탭 누를때마다 바뀌는 화면 | |
RelativeLayout | children간에 혹은 parent와의 상대적인 위치에 따라 표시될 영역을 결정하도록 만드는 layout | 상대적인 위치 | |
GridView | 여러 개의 행과 열로 아이템을 배치 | 격자 구성 |
RecyclerView vs ListView(or GridView)
RecyclerView = ListView + GridView
따라서 성능은 RecyclerView가 더 좋음
RecyclerView vs ScrollView
RecyclerView는 여러가지 요소를 포함하여 스크롤 가능하지만,
ScrollView는 하나의 요소에 대해서만 스크롤할 수 있게 한다. (큰차이는 없다...)
(다만, 겹쳐 사용핼때는 이중스크롤이 되므로, 이를 알아서 해결해 주는 NestedScrollView 를 사용해 주면 된다)
textureView vs SurfaceView
TextureView : 카메라를 이용한 무언가의 기능을 만들어 낼 때 사용. ex) 스트리밍 서비스, 실시간 얼굴 인식
SurfaceView : 이미지 프로세싱과 관련된 기능을 만들어 낼 때 사용. ex) 사진 보정
Barrier vs Guideline
베리어는 UI 크기 따라 변하는데 반해 가이드 라인은 지정한 위치에 고정된다.
ps. helpers 항목은 최근에 나왔는지 검색해도 안나오는 것들이 몇몇 있어서 생략했다...
반응형
'프로그래밍 > Android' 카테고리의 다른 글
[Android] @SerializedName annotation (0) | 2021.08.06 |
---|---|
[Android] 뷰 바인딩 (View Binding) (0) | 2021.07.07 |
[Android] 액티비티 생명주기 (Activity LifeCycle) (0) | 2021.07.06 |
[Android] AndroidManifest 파일 역할과 기능 (0) | 2021.07.03 |
[Android] 안드로이드 레이아웃 정리 (0) | 2021.07.02 |
Comments