Android 앱 개발에서 뷰(View)의 배경에 투명도를 적용하고 싶다면 색상 코드 앞에 알파(Alpha) HEX 값을 추가하면 됩니다. 이 글에서는 노란색(#FFFF00) 배경에 20% 투명도를 적용하는 방법을 예제와 함께 단계별로 살펴봅니다.
투명도(알파)별 HEX 값 표
Android의 색상 코드는 #AARRGGBB 형식으로 구성됩니다. 맨 앞 두 자리(AA)가 알파 값이며, FF는 완전 불투명, 00은 완전 투명을 의미합니다. 아래 표를 참고해 원하는 투명도에 해당하는 값을 찾아보세요.
- 100% — FF
- 99% — FC
- 98% — FA
- 97% — F7
- 96% — F5
- 95% — F2
- 94% — F0
- 93% — ED
- 92% — EB
- 91% — E8
- 90% — E6
- 89% — E3
- 88% — E0
- 87% — DE
- 86% — DB
- 85% — D9
- 84% — D6
- 83% — D4
- 82% — D1
- 81% — CF
- 80% — CC
- 79% — C9
- 78% — C7
- 77% — C4
- 76% — C2
- 75% — BF
- 74% — BD
- 73% — BA
- 72% — B8
- 71% — B5
- 70% — B3
- 69% — B0
- 68% — AD
- 67% — AB
- 66% — A8
- 65% — A6
- 64% — A3
- 63% — A1
- 62% — 9E
- 61% — 9C
- 60% — 99
- 59% — 96
- 58% — 94
- 57% — 91
- 56% — 8F
- 55% — 8C
- 54% — 8A
- 53% — 87
- 52% — 85
- 51% — 82
- 50% — 80
- 49% — 7D
- 48% — 7A
- 47% — 78
- 46% — 75
- 45% — 73
- 44% — 70
- 43% — 6E
- 42% — 6B
- 41% — 69
- 40% — 66
- 39% — 63
- 38% — 61
- 37% — 5E
- 36% — 5C
- 35% — 59
- 34% — 57
- 33% — 54
- 32% — 52
- 31% — 4F
- 30% — 4D
- 29% — 4A
- 28% — 47
- 27% — 45
- 26% — 42
- 25% — 40
- 24% — 3D
- 23% — 3B
- 22% — 38
- 21% — 36
- 20% — 33
- 19% — 30
- 18% — 2E
- 17% — 2B
- 16% — 29
- 15% — 26
- 14% — 24
- 13% — 21
- 12% — 1F
- 11% — 1C
- 10% — 1A
- 9% — 17
- 8% — 14
- 7% — 12
- 6% — 0F
- 5% — 0D
- 4% — 0A
- 3% — 08
- 2% — 05
- 1% — 03
- 0% — 00
예제: 노란색에 20% 투명도 적용하기
예를 들어 노란색(#FFFF00)에 20% 투명도를 적용하고 싶다면, 위 표에서 20%에 해당하는 값인 33을 색상 코드 앞에 붙여 #33FFFF00으로 작성하면 됩니다.
1단계 — 새 프로젝트 생성
Android Studio에서 File ⇒ New Project를 선택하고 필요한 정보를 입력해 새 프로젝트를 생성합니다.
2단계 — 레이아웃 코드 작성
res/layout/activity_main.xml 파일에 아래 코드를 추가합니다.
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:background="#33FFFF00" android:gravity="center" android:orientation="vertical"> <TextView android:id="@+id/text" android:textSize="18sp" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>
위 코드에서 android:background 속성에 #33FFFF00을 지정하여 화면 전체에 20% 투명한 노란색 배경을 적용했습니다.
3단계 — MainActivity 코드 작성
src/MainActivity.java 파일에 아래 코드를 추가합니다.
package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TextView textView = findViewById(R.id.text);
textView.setText("Tutorialspoint india pvt ltd");
}
}실행 결과 확인하기
실제 Android 기기를 컴퓨터에 연결한 후, Android Studio에서 프로젝트의 액티비티 파일 중 하나를 열고 툴바의 실행(Run) 버튼을 클릭하세요. 모바일 기기를 선택하면 앱이 설치되고 아래와 같은 화면이 표시됩니다.
실행 결과를 보면 순수한 노란색이 아니라 배경이 비쳐 보이는 것을 확인할 수 있습니다. 이것이 바로 20% 투명도가 적용된 노란색 배경입니다. 같은 방식으로 원하는 투명도의 알파 값을 조합하면 어떤 색상이든 자유롭게 반투명 배경을 만들 수 있습니다.