[android] 투명도 설정하는 방법

이미지 투명도를 설정하는 방법에 대해서 알아보겠습니다.

먼저 XML코드를 보면서 이야기 하겠습니다.

<ImageView
  android:id="@+id/image"
  android:layout_width="200dp"
  android:layout_height="200dp"
  android:background="#백백빨빨초초파파" />

 

android:background를 봐주세요.

보기편하게 한글로 입력을 해 두었습니다.

 

background는 6글자(투명도 설정X), 8글자(투명도 설정O)를 통해서 설정할 수 있습니다.

왼쪽부터 2자리씩 "투명도", "빨강", "초록", "파랑"을 나타내며 0~255까지 16진수로 표시할 수 있습니다.

"백백": 투명도

"빨빨": Red

"초초": Green

"파파": Blue

를 나타낸다고 볼 수 있습니다.

 

 

불투명도를 다음코드와 같이 16진수로 변경 할 수 있습니다.

100 % — FF
95 % — F2
90 % — E6
85 % — D9
80 % — CC
75 % — BF
70 % — B3
65 % — A6
60 % — 99
55 % — 8C
50 % — 80
45 % — 73
40 % — 66
35 % — 59
30 % — 4D
25 % — 40
20 % — 33
15 % — 26
10 % - 1A
5 % — 0D
0 % — 00

 

 

 

 

예시1) XML코드로 ImageView2개를 각각 빨강 및 빨강색에 투명도를 50%를 설정해 보겠습니다.

<ImageView
  android:id="@+id/image1"
  android:layout_width="200dp"
  android:layout_height="200dp"
  android:background="#FF0000" />


<ImageView
  android:id="@+id/image2"
  android:layout_width="200dp"
  android:layout_height="200dp"
  android:background="#80FF0000" />

XML코드로 색상 및 투명도를 설정한 모습입니다.

첫번째 Image는 ImageView에 빨강으로 설정

두번째 Image는 ImageView에 빨강으로 설정뒤 투명도를 50%를 적용한 결과입니다.

 

 

 

예시2) JAVA코드로 ImageView2개를 각각 빨강 및 빨강색에 투명도를 50%를 설정해 보겠습니다.

<ImageView
  android:id="@+id/image1"
  android:layout_width="200dp"
  android:layout_height="200dp" />


<ImageView
  android:id="@+id/image2"
  android:layout_width="200dp"
  android:layout_height="200dp" />

//1. 첫번쨰 이미지 빨강으로 설정
((ImageView)findViewById(R.id.image1)).setBackgroundColor(Color.parseColor("#FF0000"));

//2. 두번쨰 이미지 빨강 및 투명도 50%설정
((ImageView)findViewById(R.id.image2)).setBackgroundColor(Color.parseColor("#80FF0000"));

JAVA코드로 색상 및 투명도를 설정한 모습입니다.

첫번째 Image는 ImageView에 빨강으로 설정

두번째 Image는 ImageView에 빨강으로 설정뒤 투명도를 50%를 적용한 결과입니다.

 

 

 

 

*Tip

안드로이드에 내장되어있는 투명하게 만드는 방법은 다음과 같습니다.

1. JAVA코드

//image1을 투명하게 설정
((ImageView)findViewById(R.id.image1)).setBackgroundColor(Color.TRANSPARENT);

2. XML코드

<ImageView
  android:id="@+id/image1"
  android:layout_width="200dp"
  android:layout_height="200dp"
  android:background="@android:color/transparent"/>

xml코드에 android:background="@android:color/transparent" 를 추가하면 됩니다.