[ 안드로이드 ] style.xml을 이용하여 공통 속성 정의하기

 

안드로이드 앱을 만들 때, TextView, EditText와 같은 필드는 일관된 디자인으로 보여주는 경우가 많다.

 

공통으로 사용하는 다른 뷰들도 마찬가지로 매번 속성을 지정하기엔 귀찮기도하고 실수의 여지가 있어 style 태그를 활용하는게 좋다.

 

 

Style 정의

<style name="setting_layout">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">56dp</item>
        <item name="android:background">@color/c_ffffff</item>
        <item name="android:layout_marginTop">1dp</item>
        <item name="android:clickable">true</item>
        <item name="android:foreground">?android:selectableItemBackground</item>
        <item name="android:focusable">true</item>
    </style>

    <style name="setting_menu">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_marginLeft">16dp</item>
        <item name="android:layout_centerVertical">true</item>
        <item name="android:textColor">@color/c_383838</item>
        <item name="android:textSize">16dp</item>
    </style>

    <style name="setting_menu_arrow">
        <item name="android:layout_width">24dp</item>
        <item name="android:layout_height">24dp</item>
        <item name="android:scaleType">fitCenter</item>
        <item name="android:layout_alignParentRight">true</item>
        <item name="android:layout_centerVertical">true</item>
        <item name="android:layout_marginRight">16dp</item>
        <item name="android:src">@drawable/ic_arrowright_brown</item>
    </style>

 

적용 예시

<RelativeLayout
            android:id="@+id/menu_layout"
            style="@style/setting_menu_layout">

            <TextView
                style="@style/setting_menu"
                android:text="텍스트" />

            <ImageView style="@style/main_setting_menu_arrow" />

        </RelativeLayout>