[Kotlin] 화면개발 - 상태바, 액션바, 레이아웃

안드로이드 프로젝트의 구조상 화면개발은

res > layout에 차곡차곡 만들어준다.

 

앱개발을 시작할때, 원하는 앱에 화면을 구성하고, 설계하여

하나씩 차근차근 만들고나서, 코틀린이나 자바를 이용해 기능과 데이터를 연결시켜주면 된다.

 

 안드로이드에서 사용할 layout xml을 배워보자.

 

 

빈화면이지만, 구조를 확인해볼수있다.

위에서부터 상태바 - 액션바 - 레이아웃 - 네비게이션 바 순서로 구성되어있다.

 

1. 상태바 

상태바는 색상변경만 가능합니다. res > values > styles.xml 에서 설정해줍니다.

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.">
        <!-- Customize your theme here.

        colorPrimaryDark = 상태바 색상
        colorPrimary = 액션바 색상
        colorAccent = 강조 색상
        -->
        <item name="colorPrimaryDark">#2196F3</item>
        <item name="colorPrimary">#1CB0F3</item>
        <item name="colorAccent">#CA0808</item>
    </style>

</resources>

주석으로 설명을 달아두었습니다.

Accent색상은 강조라고 적어두었지만, 뭐에 대한 설정인지 아직 잘 모르겠습니다.

아시는분이 댓글을 달아주시면 너무 감사할듯..

 

 

2. 액션바

 

 

액션바는 다양한 종류가있고, 다채롭게 활용가능합니다.

앱 화면구조에 따라 보이지않게 설정해줄수도 있죠!

styles.xml에서 최상단 AppThema 부분에서 NoActionBar로 설정하면,

액션바부분을 감춰 레이아웃화면을 크게 쓸수있습니다.

https://recipes4dev.tistory.com/141

다양한 액션바 활용을 다음번에 다뤄보겠습니다.

 

 

3. 레이아웃 종류

레이아웃 종류는 크게 세가지(Linear ,Relative ,Constraint ),

디테일하게 5-6가지(Frame , Table, 앱솔루트,리스트 등) 존재한다.

각각의 레이아웃의 특징과 장단점을 비교해보며, 사용할 수 있어야, 좀더 다채롭고 자유로운 화면개발을 할수있다.

3-1) Linear Layout

3-2) Relative Layout

3-3) Constraint Layout

3-4) Frame Layout

3-5)  Table Layout

 

 

 

상세한 내용은 다음글에 이어서 작성하겠습니다.

 

 

 

http://www.soen.kr/book/android/book/book3/6-2-1.htm

 

위에 이미지는 누락이 있어보이지만, 참고하긴 좋아서 가져왔습니다.

 

 

 

https://wikidocs.net/33346

안드로이드 강사분의 필체가 녹아있는 구조그림입니다.

한눈에 벌써 비교가 좀 되는것 같네요!