Kotlin Android Fundamentals: Styles and themes

안드로이드 스타일링 시스템

안드로이드 스타일링 시스템을 통해 뷰의 보임을 멋있게 만들 수 있다. 다이어그램은 아래의 사진과 같이 스타일링의 각 메소드의 우선 순위로 아래로 요약하여 보여진다. 

 

피라미드

View Attributes

- 각 뷰를 위한 특성을 정의하기위해 사용한다.(View Attributes는 재사용되지 않는다.)

- 모든 프로퍼티를 사용할 수 있다. 

 

Styles

- 재사용성을 가지는 스타일링 정보를 컬렉션하기 위해 만든다. ex) 폰트 사이즈, 컬러

- 기본 스타일을 재정의하여 여러 뷰에 적용한다. 

 

Default Style

- 안드로이드에서 제공하는 기본 스타일링

 

테마

- 전체 앱을 위해 색들을 정의한다. 

- 전체앱의 기본 폰트를 설정한다. 

- 텍스트 뷰 또는 라이도 버튼 등을 전체 뷰들에 적용한다. 

- configure properties를 전체앱의 시종일관 적용한다. 

 

안드로이드 스타일 뷰는 커스텀 마이징할 수 있는 테마, 스타일, 특성들의 조합으로 적용할 수 있다. 

특성들은 테마 또는 스타일은 구체적으로 재정의한다. 

 

aRGB

#(alpha)(red)(green)(blue)

#(00-FF)(00-FF)(00-FF)(00-FF)

alpha는 투명도이며 기본 값은 FF이다. 

 

Overriding

<style name="TextAppearance.Title" parent="TextAppearance.MaterialComponents.Headline6">
	<item name="android:textSize">24sp</item>
	<item name="android:textColor">#555555</item>
</style>

위와 같이 스타일을 지정하여 스타일 하나의 개념으로 만들 수 있다. 

 

그리고 아래와 같이 textAppearance에 적어서 적용할 수 있다. 

<TextView
       android:id="@+id/title"
       android:textAppearance="@style/TextAppearance.Title"

그리고 위의 스타일을 재작성하여 겹치는 경우 자식의 특성을 그대로 사용한다. 

 

위의 특성에서 아래와 같이 적용하여 텍스트 컬러는 부모의 특성을 그대로 사용하지만 크기만이 줄어든다.

<style name="TextAppearance.Subtitle" parent="TextAppearance.Title" >
   <item name="android:textSize">18sp</item>
</style>