【Android】透過（半透明）アクティビティの作り方をステップごとに解説

このチュートリアルでは、Androidアプリで背景が透過した（半透明の）アクティビティを作成する方法を、実際のコード例とともに段階的に解説します。ダイアログ風の画面やオーバーレイ表示など、さまざまな場面で活用できるテクニックなので、ぜひ参考にしてください。

手順1：新規プロジェクトの作成

まず、Android Studioを起動し、「File」→「New Project」を選択して新しいプロジェクトを作成します。必要な項目をすべて入力し、プロジェクトのセットアップを完了させてください。

手順2：透過用テーマの定義（res/values/styles.xml）

次に、透過表示用のカスタムテーマを定義します。res/values/styles.xmlに以下のコードを追加しましょう。

<resources>
    <!-- Base application theme. -->
    <style name="Theme.AppCompat.Translucent" parent="Theme.AppCompat.NoActionBar">
        <item name="android:background">#33000000</item> <!-- Or any transparency or color you need -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:colorBackgroundCacheHint">@null</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowAnimationStyle">@android:style/Animation</item>
    </style>
</resources>

ポイントは「android:windowIsTranslucent」をtrueに設定することです。これによりウィンドウ自体が半透明になり、背後の画面が透けて見えるようになります。また、背景色の「#33000000」は約20%の濃さの黒を表しています。この値を変更すれば、好みの透明度や色に調整できます。

手順3：レイアウトの作成（res/layout/activity_main.xml）

続いて、res/layout/activity_main.xmlに以下のコードを追加します。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

ここではシンプルに、画面中央に「Hello World!」というテキストを配置しただけのレイアウトを使用しています。

手順4：MainActivityの実装（src/MainActivity.java）

次に、src/MainActivity.javaに以下のコードを記述します。透過化はテーマ側で行うため、Activity側には特別な処理は必要ありません。通常どおりレイアウトを読み込むだけでOKです。

package com.example.transparentactivity;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

手順5：マニフェストへのテーマ適用（app/manifests/AndroidManifest.xml）

最後に、app/manifests/AndroidManifest.xmlで、手順2で作成した透過テーマをアプリケーションに適用します。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    package="com.example.transparentactivity" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.AppCompat.Translucent"
        tools:ignore="GoogleAppIndexingWarning">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

「android:theme」属性に「@style/Theme.AppCompat.Translucent」を指定することで、アプリ全体（または特定のアクティビティのみ）に透過テーマが反映されます。

アプリの実行と動作確認

それでは、アプリを実行してみましょう。ここでは、実機のAndroidスマートフォンをパソコンに接続しているものとして説明を進めます。Android Studioからアプリを起動するには、プロジェクト内の任意のアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。表示されたダイアログで接続済みの端末を選択すると、スマートフォン上に透過したアクティビティが表示され、背後のホーム画面などが透けて見えることを確認できます。