안드로이드(Android) 색깔을 xml 로 정의 하고 관리하기

안드로이드(Android) 색깔을 xml 로 정의 하고 관리하기

 

개발환경 : window 7 64bit, Eclipse Mars, Android 4.2.2

 

안드로이드에서는 모든 리소스에 해당하는 값들은 철저히 소스와 분리될수 있도록 설계되어 있으며 그렇게 구현하라고 권고 합니다. 색상 또한 리소스폴더에 <color> 라는 요소를 추가 하여 xml 로 관리 가능합니다.

 

 

Res/values 폴더에 컬러 설정 xml 을 넣게 되는데

내용은 아래와 같습니다. 소스에서도 아래 그림과

같이 사용이 가능합니다.  

 

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <color name="red">#ff0000</color>
    <color name="green">#00ff00</color>
    <color name="blue">#0000ff</color>

</resources>

 

아래는 버튼에 색깔을 입히기 위한 메인

Activity 의 레이아웃 xml 전체 내용입니다.

@android:color/white 로 사용하고 있죠.

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/background"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="안드로이드 색깔을 xml 로 관리" />

    <!-- "white" defined in Android base set of colors -->

    <Button
        android:id="@+id/whitebutton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="WHITE"
        android:textColor="@android:color/white" />

    <!-- direct define textColor -->

    <Button
        android:id="@+id/redbutton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="RED"
        android:textColor="#ff0000" />

    <!-- "green" defined in color.xml -->

    <Button
        android:id="@+id/greenbutton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="GREEN"
        android:textColor="@color/green" />

    <!-- "blue" defined in color.xml -->

    <Button
        android:id="@+id/bluebutton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="BLUE"
        android:textColor="@color/blue" />

</LinearLayout>