[Kotlin] 안드로이드 스튜디오 기본 컬러 정의하는 법(기본, Jetpack)

 

 

 

안드로이드 스튜디오 기본

---

컬러 정의하는 법

res/values/colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- Green -->
    <color name="green_30">#D9F0DC</color>
    <color name="green_60">#ADD5A3</color>
    <color name="green_90">#72C865</color>

    <!-- Yellow -->
    <color name="yellow_50">#F9D952</color>
    <color name="yellow_100">#F0B53F</color>

    <!-- DarkGreen -->
    <color name="dark_green_10">#FDFFF2</color>
    <color name="dark_green_30">#EEF1D9</color>

    <!-- Gray -->
    <color name="gray_90">#252525</color>
    <color name="gray_70">#66656C</color>
    <color name="gray_50">#9999A1</color>
    <color name="gray_30">#E6E6E8</color>
    <color name="gray_10">#F4F4F6</color>

    <!-- Brown -->
    <color name="brown_20">#E0CDA8</color>
    <color name="brown_40">#A57145</color>
    <color name="brown_60">#722717</color>
    <color name="brown_80">#350D0A</color>
</resources>

 

 

컬러 사용하는 법

XML

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="기타 코드 연습"
    android:textColor="@color/green_90" />

 

Kotlin

val color = ContextCompat.getColor(context, R.color.green_90)
textView.setTextColor(color)

 

 

---

 

Jetpack Compose

---

Color.kt

Jetpack Compose 스타일에서 사용하는 색상 팔레트 정의 파일

val Purple80 = Color(0xFFD0BCFF)
val PurpleGrey80 = Color(0xFFCCC2DC)
val Pink80 = Color(0xFFEFB8C8)

 

Color(0xFFD0BCFF)

→ 16진수 RGBA 값을 이용해 Color 객체를 생성하는 코드

 

val Purple80
→ 색상 이름, 이후 MaterialTheme이나 UI 코드에서 불러올 수 있는 변수

 

 

 

사용하기

import

import com.example.picktimeapp.ui.theme.*

 

 

Compose 코드에서 직접 참조해서 사용

Text(
    text = "기타 코드 연습",
    color = Purple80
)

 

 

테마 정의도 가능

lightColorScheme(
    primary = Purple80,
    secondary = Pink80,
    background = Color.White
)