Android Palette Component 총정리 2편 : Widgets

JIYOON·2021년 7월 10일
1

Android

목록 보기
4/9
post-thumbnail

📣 목표 : 안드로이드의 레이아웃에 사용되는 팔레트 컴포넌트들을 알아보자!


3️⃣ Widgets

01. View

액티비티 내에서 뷰를 설정한다.
뷰란 안드로이드 기본 화면을 구성하는 모든 기본 화면의 구성요소이다.

위의 이미지와 같이 뷰는 뷰를 포함 할 수 있고, 중첩적으로 사용 할 수 있다.
뷰 중에서 사용자의 눈에 보이는 것을 위제, 보이지 않는 것을 레이아웃이라고 한다.

( 이미지 출처 : crocus )

View의 속성
: View의 가장 자주 쓰이는 기본적인 속성에는 id, layout_width, layout_height, background, visibility, padding, layout_margin 등이 있다.


02. imageView

View 의 속성을 상속받아 이미지를 화면에 표시한다.


03. WebView

View 의 속성을 상속받아 특정한 url과 연결된 화면을 표시한다.

❗️ 추가공부 : WebView 안드로이드 웹뷰 생성하기 by make something
본 포스팅에서는 컴포넌트를 MainActivity에서 설정하는 코드나 셋팅을 다루지는 않지만, 코드와 설정을 깔끔하게 정리해둔 포스팅이 있어 첨부한다.


04. VideoView

View 의 속성을 상속받아 화면에 비디오를 표시한다.


05. CalendarView

View 의 속성을 상속받아 화면에 달력을 표시한다.


06. ProgressBar

진행상황을 나타내는 원형의 컴포넌트를 화면에 표시한다. 로딩 창을 구현할 수 있다.


07. ProgressBar (Horizontal)

진행 상황을 나타내는 가로줄의 컴포넌트이다.


08. SeekBar

진행 상황을 나타내는 가로줄의 컴포넌트이며, 드래그나 키보드 방향키를 통해 진행 수준을 설정할 수 있다.


09. SeekBar (Discrete)

진행 상황을 나타내는 가로줄의 컴포넌트이며, 드래그나 키보드 방향키를 통해 진행 수준을 설정할 수 있다.
가로로 놓여있는 점 위를 움직이며 조절할 수 있다는 것이 기존 SeekBar와의 차이점이다.


10. RatigBar

별표로 만족도나 점수를 표시할 수 있는 컴포넌트이다.


11. SearchView

사용자가 검색어를 입력할 수 있는 컴포넌트이다.
터치 시 표준적인 텍스트 키보드가 화면에 표시된다.


12. TextureView

비디오나 openGL 같은 콘텐츠를 표시할 수 있는 컴포넌트이다.

openGL
: 2차원 및 3차원 그래픽 표준 API 규격이다.


13. SurfaceView

View를 상속받는 클래스 컴포넌트로, 기존 View와는 다른 방식으로 화면을 그린다.
View는 onDraw 메소드를 시스템에서 자동으로 호출해서 화면을 그리는 반면, SurfaceView는 시스템이 아닌 스레드를 이용해 강제로 그려서 원하는 시점에 바로 화면을 그릴 수 있다.
따라서 SurfaceView는 애니메이션이나 동영상같이 연산처리가 많이 필요한 뷰를 위해 사용된다.


14. Horizontal Divider

화면을 수평으로 나누는 구분선을 그린다.

( 이미지 출처 : 윤명준 )


15. Vertical Divider

화면을 수직으로 나누는 구분선을 그린다.


❗️ 원래의 팔레트 순서로는 이 다음에 Layouts이 나오지만, 레이아웃은 포스팅을 따로 분리해서 쓰기로 했다.
팔레트에서 Layouts 다음 순서인 Containers부터 정리를 이어가기로 한다!





✅ Reference

팔레트(palette) 전부 정리 by yesiamnahee
안드로이드 뷰(Android View)란? by crocus
SurfaceView 개념 및 예제 by 발그레환이

0개의 댓글