본문 바로가기
안드로이드

[Android] xml 배경 투명도 설정하기

by 코딩히어로 2022. 8. 9.
728x90

1


안드로이드에서 대부분 배경색을 넣을 때 6자리로 된 색상 코드를 입력합니다

그렇게 되면 투명도가 없는 단일색상의 배경색으로 설정이 되는데 간혹 가다가

전체 배경이 있는 Layout 위에 view를 얹을 경우 투명도를 설정함으로써 전체 배경을

노출시켜서 디자인에 좀 더 변화를 줄 수 있습니다

xml 투명도 설정은 바로 이러한 전체 배경을 비춰야 할 때 사용됩니다.

 

 

기존 배경 색상 설정


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/weather">
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="100dp"
        android:background="#ffffff"></LinearLayout>
    
</LinearLayout>

위 코드와 같이 실행을 하게 되면 전체 배경인 whather 이미지를 가리게 됩니다

2

해당 결과물은 뭔가 가운데 Layout이 배경을 막음으로써 답답한 느낌이 있습니다

이러한 부분을 해결하기 위해 Layout에 투명도를 설정합니다

 

투명도 설정


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/weather">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="100dp"
        android:background="#99ffffff"></LinearLayout>

</LinearLayout>

위 코드와 달라진 게 있다면 Layout에 색상 코드 앞쪽에 99라는 숫자를 추가했다는 점입니다

저렇게 99를 추가함으로써 결과물이 다음과 같이 됩니다

2

기존의 색상 코드가 6자리라면 투명도를 추가하기 위해서는 8자리의 색상을 입력하시면 되는 것이죠

투명도에 따라서 입력되는 숫자가 달라지는데 해당 퍼센트 별로 숫자는 다음과 같습니다

투명도 코드
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

 

728x90
반응형

댓글