Palette(팔레트)의 모든 것

팔레트(Palette)

Android Studio의 Palette 기능은 디자인을 코드로 작성하여 표현하는 것이 아닌, 마우스로 직접 조작하여 표현할 수 있는 기능이다. Common, Text, Buttons, Widgets과 같은 하위 카테고리가 존재한다.

 

1. Common

<Common>

• TextView, Button, ImageView 등 자주쓰는 컴포넌트들이 모여있는 곳으로 즐겨찾기 개념인데, 그만큼 중요하다고 생각한다.

2. Text

<Text>

• 텍스트 상자, 각종 다양한 텍스트 상자들이 있다. 텍스트를 표시할 수 있고, 사용자로부터 Password, E-mail,Phone number, Time등과 같은 형태로 입력받을 수 있습니다.

3. Buttons

<Buttons>

• 각종 Button들이다. Activity에서 SetOnClickListener를 구현함으로써 버튼이 클릭되었을때 무슨 일을 할 것인지에 대하여 정의할 수 있다. Check와 RadioButton이 있고 Switch를 통해서 2개의 상태를 설정할 수 있다.

4. Widgets

<Widgets>

• Widget(위젯)은 어플리케이션 내부에 있는 소형 어플리케이션 같은 느낌으로 주기적으로 업데이트를 받는 장점이 있다. 이미지, 캘린더(달력), 검색, 진행상황 등을 나타낼 수 있는 View들이 있다.

5. Layouts

<Layouts>

• 레이아웃은 간단히 말해서 현재 보고 있는 화면의 틀을 설정한다고 생각하면 된다. View 위젯들을 화면에 배치하는 과정에서, 위젯의 위치를 정렬하거나, 연관된 위젯들을 그룹화하는 역할을 수행한다. 즉, Layout 클래스는 View 위젯들을 그룹화하여 배치하기 위한 용도로 사용되는 ViewGroup이며, 자체적인 UI 표시 기능이나 사용자 이벤트 처리 기능은 매우 제한적으로 사용된다. 각각의 Layout에 대한 설명은 다음 페이지에서 자세하게 할 예정이다.

6. Containers

<Containers>

• 각 Container들이 들어 있다.

- ScrollView

 수직(위아래)로 스크롤하는 기능으로 하나의 위젯만 가능

 

- RecyclerView

 스크롤이 가능한 컨테이너에 여러 개의 뷰를 담아서 보여주는 뷰 그룹으로 ListView가 더 진보하고 유연해진 버전이다.

 

- FragmentContainerView

 FramentActivity 내의 어떤 동작 또는 사용자 인터페이스의 일부, 액티비티의 모듈식 섹션으로 여러 개의 프래그먼트를 하나의 액티비티에 결합하여 창이 여러 개인 UI를 빌드할 수 있으며, 하나의 프래그먼트를 여러 액티비티에서 재사용할 수 있다. 자체적인 수명 주기를 가지고, 자체 입력 이벤트를 수신하고, 액티비티 실행 중에 추가 및 삭제가 가능하다. 다른 액티비티에 재사용할 수 있는 "하위 액티비티"와 같은 개념이다.

 

위의 3가지 항목은 Common 카테고리에 들어 있을만큼 중요하고 앞으로 안드로이드 어플을 개발하는데에 있어서 중요한 View가 될것이다. 인스타그램을 만드는데에 있어 위의 3가지 항목들을 이용해서 사용자의 피드들을 새로고침하고 각 fragment들이 사진들을 화면에 계속해서 띄워야하기 때문에 앞으로 내가 자주 접하게 될 항목이라고 생각한다.  

 

7. Helpers

<Helpers>

• Widget set의 가시성에 도움을 주는 기능들이 모여 있다.

8. Google

<Google>

• 구글에서 제공하는 광고와 지도을 설정할 수 있는 기능들이 있다.

9. Legacy

<Legacy>

• Legacy는 이전 버전과의 호환성을 위해 남겨두지만 다른 코드로 사용할 것을 권장하는 코드들이다. Common과 반대된다고 할 수 있는데, Common에 있는 요소들이 더 성능이나 효율적이기 때문이다. ListView와 GridView는 RecyclerView가 더 효율적이기 때문에 대체되었고 RelativeLayout는 관계를 설정한 방향으로만 이동이 가능해서 불편함이 동반한다. 하지만 ConstraintLayout은 성능이나 유연성 면에서 더 우월하기때문에 대체되었다고 할 수 있다.

Instgram 화면 구축해 있어서 직접 사용해 본 Palette들

1. Button

<Button>

- 가장 기본적인 Button으로 Button 클릭시 이벤트 발생여부를 설정할 수 있다.

 

2. ImageButton

<ImageButton>

- ImageView에 Button기능이 추가되었고 Button 클릭시 이벤트 발생여부를 설정할 수 있다.

 

3. TextView

<TextView>

 - Text를 표시할 수 있다.

 

4. SearchView

<SearchView>

 - 돋보기를 누르면 텍스트를 입력 가능하고 검색기능을 위한 View이다.

 

5. BottomnavigationView

<BottomnavigationView>

 - 표준 하단 탐색 메뉴이다.