Androidで背景を20%透明にする方法｜アルファ値の16進数対応表付きで解説

Androidアプリの開発では、Viewの背景を半透明にしたい場面がよくあります。この記事では、背景色を20%透明に設定する方法を、実際のコード例とともにわかりやすく解説します。

透明度（アルファ値）と16進数の対応表

Androidでは、カラーコードの先頭に2桁の16進数（アルファ値）を追加することで、色の透明度を指定できます。以下は、透明度100%から0%までの対応表です。よく使われる値は太字で示しています。

• 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」となります。

ポイントは、元のカラーコードの先頭にアルファ値を付けるだけというシンプルさです。この形式は「#AARRGGBB」と呼ばれ、AAがアルファ（透明度）、RRGGBBが赤・緑・青の各成分を表します。

実装手順

ステップ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.java を編集する

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スマートフォンをPCに接続している前提で説明します。Android Studioからプロジェクト内のいずれかのアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックしてください。表示された選択肢から接続したモバイルデバイスを選ぶと、端末の画面に結果が表示されます。

実行結果を見ると、背景は純粋な黄色ではなく、透け感のある「20%透明な黄色」として表示されていることが確認できます。このように、アルファ値を組み合わせるだけで、簡単に半透明の背景色を実現できます。