Colin's Blog
[android] 안드로이드 리소스 색상 및 그라데이션

안드로이드 앱을 디자인할 때 색상 및 그라데이션은 매우 중요합니다. 안드로이드에서는 XML 리소스 파일을 사용하여 색상과 그라데이션을 정의하고 앱 전체에서 일관된 디자인을 유지할 수 있습니다. 이를 통해 브랜드 식별 요소를 일관되게 적용하고, 사용자 경험을 향상시키는 데 도움을 줄 수 있습니다.

색상 리소스

안드로이드에서 색상을 사용하기 위해서는 colors.xml과 같은 리소스 파일을 사용합니다. 각 색상은 16진수 형식으로 정의되며, 이를 통해 다른 리소스나 레이아웃 XML 파일에서 참조할 수 있습니다.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorAccent">#FF4081</color>
</resources>

위의 예제에서는 colorPrimary와 colorAccent 두 가지 색상을 정의했습니다.

그라데이션 리소스

그라데이션은 두 가지 이상의 색상이 서서히 섞이는 효과를 말합니다. 안드로이드에서는 그라데이션을 정의하기 위해 gradient.xml과 같은 리소스 파일을 사용합니다.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#3F51B5"
        android:endColor="#FF4081"
        android:angle="45"/>
</shape>

위의 예제에서는 시작 색상인 #3F51B5에서 끝 색상인 #FF4081으로 그라데이션을 적용했으며, angle 속성을 통해 그라데이션의 방향을 설정했습니다.

사용하기

정의한 색상 및 그라데이션 리소스는 레이아웃 XML 파일이나 자바 코드에서 사용할 수 있습니다.

레이아웃 XML에서 사용하기

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, World!"
        android:textColor="@color/colorAccent"/>
</LinearLayout>

자바 코드에서 사용하기

TextView textView = findViewById(R.id.textView);
textView.setBackgroundColor(ContextCompat.getColor(this, R.color.colorPrimary));

GradientDrawable gradientDrawable = ContextCompat.getDrawable(this, R.drawable.gradient);
textView.setBackground(gradientDrawable);

이와 같이 안드로이드 리소스를 사용하여 색상 및 그라데이션을 정의하고 사용할 수 있습니다. 이를 통해 앱의 디자인을 일관되게 유지하고, 사용자 경험을 개선할 수 있습니다.

참고 문헌

© 2018 Colin. All rights reserved.