[안드로이드] 색상(Color) 공통 관리하는 방법

이번 시간에는 색상을 파일에 등록해서

공통으로 관리하며 사용하는 방법에 대하여

알아보겠습니다.

---

목차

1. 실행 화면

2. 색상 공통 파일에 등록

3. 메인 화면 구성 activity_main.xml

---

1. 실행 화면

 

2. 색상 공통 파일에 등록

1.  태그는 color

2. name은 색상이름

3. 태그 값은 rgb값 입력

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>

    <color name="red_200">#EF9A9A</color>
    <color name="red_500">#F44336</color>
    <color name="pink_200">#F48FB1</color>
    <color name="pink_500">#E91E63</color>
    <color name="blue_200">#90CAF9</color>
    <color name="blue_500">#2196F3</color>

</resources>

 참조 문서

https://material.io/design/color/the-color-system.html#tools-for-picking-colors

Material Design

 

 

3. 메인 화면 구성 activity_main.xml

 1. 색상 공통 파일에 있는 색상은

 @color/color name으로 가져다 쓸 수 있습니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
    
    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/red_200"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="50dp"
        android:background="@color/red_500"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="50dp"
        android:background="@color/pink_200"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="50dp"
        android:background="@color/pink_500"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="50dp"
        android:background="@color/blue_200"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="50dp"
        android:background="@color/blue_500"/>
</LinearLayout>

2022.02.15 - [안드로이드] - [안드로이드] 크기(Size) 간격(Margin,Padding) 공통관리 하는방법

[안드로이드] 크기(Size) 간격(Margin,Padding) 공통관리 하는방법

2022.02.14 - [안드로이드] - [안드로이드] 플로팅액션버튼(FloatingActionButton)에 카운터(Counter) 기능 쉽게 넣는 방법

[안드로이드] 플로팅액션버튼(FloatingActionButton)에 카운터(Counter) 기능 쉽게 넣는 방법

2022.02.13 - [안드로이드] - [안드로이드] 가로형(Horizontal) 달력(Calendar) 쉽게 만드는 방법

[안드로이드] 가로형(Horizontal) 달력(Calendar) 쉽게 만드는 방법