シンプルなウィジェットを作成する

アプリ ウィジェットとは、他のアプリ（ホーム画面など）に埋め込んで定期的に更新を取得することができる小さなアプリビューです。このようなビューをユーザー インターフェースではウィジェットと呼び、ウィジェットはアプリ ウィジェット プロバイダ（またはウィジェット プロバイダ）を使用して公開できます。他のウィジェットを保持するアプリ コンポーネントをアプリ ウィジェット ホスト（またはウィジェット ホスト）と呼びます。図 1 に音楽ウィジェットの例を示します。

このドキュメントでは、ウィジェット プロバイダを使用してウィジェットを公開する方法について説明します。アプリ ウィジェットをホストする独自の AppWidgetHost を作成する方法については、ウィジェット ホストを作成するをご覧ください。

ウィジェットの設計方法については、アプリ ウィジェットの概要をご覧ください。

ウィジェット コンポーネント

ウィジェットを作成するには、次の基本コンポーネントが必要です。

AppWidgetProviderInfo オブジェクト

ウィジェットのメタデータ（ウィジェットのレイアウト、更新頻度、AppWidgetProvider クラスなど）を記述します。AppWidgetProviderInfo は、このドキュメントで説明されているように、XML で定義されています。

AppWidgetProvider クラス

ウィジェットをプログラムで操作するための基本的なメソッドを定義します。ウィジェットが更新、有効化、無効化、削除されたときにこのクラスを介してブロードキャストが届きます。マニフェストで AppWidgetProvider を宣言してから、このドキュメントの説明に従って実装します。

ビューのレイアウト

ウィジェットの初期レイアウトを定義します。このドキュメントで説明するように、レイアウトは XML で定義されます。

図 2 は、これらのコンポーネントがアプリ ウィジェットの全体的な処理フローにどのように組み込まれるかを示しています。

ウィジェットにユーザー設定が必要な場合は、アプリ ウィジェット設定アクティビティを実装します。このアクティビティでは、ユーザーがウィジェットの設定（時計ウィジェットのタイムゾーンなど）を変更できます。

• Android 12（API レベル 31）以降では、デフォルト設定を指定して、ユーザーが後でウィジェットを再設定できるようにできます。詳しくは、ウィジェットのデフォルト構成を使用するおよび配置されたウィジェットをユーザーが再構成できるようにするをご覧ください。
• Android 11（API レベル 30）以前では、ユーザーがウィジェットをホーム画面に追加するたびに、このアクティビティが起動されます。

柔軟なウィジェット レイアウト、その他の拡張機能、高度なウィジェット、コレクション ウィジェット、ウィジェット ホストの構築といった改善もおすすめします。

AppWidgetProviderInfo XML を宣言する

AppWidgetProviderInfo オブジェクトは、ウィジェットの基本品質を定義します。単一の <appwidget-provider> 要素を使用して XML リソース ファイルで AppWidgetProviderInfo オブジェクトを定義し、プロジェクトの res/xml/ フォルダに保存します。

これを次の例に示します。

<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
    android:minWidth="40dp"
    android:minHeight="40dp"
    android:targetCellWidth="1"
    android:targetCellHeight="1"
    android:maxResizeWidth="250dp"
    android:maxResizeHeight="120dp"
    android:updatePeriodMillis="86400000"
    android:description="@string/example_appwidget_description"
    android:previewLayout="@layout/example_appwidget_preview"
    android:initialLayout="@layout/example_loading_appwidget"
    android:configure="com.example.android.ExampleAppWidgetConfigurationActivity"
    android:resizeMode="horizontal|vertical"
    android:widgetCategory="home_screen"
    android:widgetFeatures="reconfigurable|configuration_optional">
</appwidget-provider>

ウィジェットのサイズ設定属性

デフォルトのホーム画面では、ウィジェットは高さと幅が定義されたセルのグリッドに基づいてウィンドウ内に配置されます。ほとんどのホーム画面では、ウィジェットのサイズはグリッドセルの整数倍にする必要があります（例: 横方向に 2 セル、縦方向に 3 セル）。

ウィジェットのサイズ設定属性を使用すると、ウィジェットのデフォルトのサイズを指定したり、ウィジェットのサイズの最小値と最大値を指定したりできます。このコンテキストでは、ウィジェットのデフォルト サイズとは、ウィジェットがホーム画面に初めて追加されたときに適用されるサイズです。

次の表に、ウィジェットのサイズ設定に関連する <appwidget-provider> 属性を示します。

例

上の表の属性がウィジェットのサイズに与える影響を説明するため、次の仕様を想定しています。

• グリッドセルの幅は 30 dp、高さは 50 dp です。
• 次の属性仕様が用意されています。

<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
    android:minWidth="80dp"
    android:minHeight="80dp"
    android:targetCellWidth="2"
    android:targetCellHeight="2"
    android:minResizeWidth="40dp"
    android:minResizeHeight="40dp"
    android:maxResizeWidth="120dp"
    android:maxResizeHeight="120dp"
    android:resizeMode="horizontal|vertical" />

Android 12 以降:

ウィジェットのデフォルトサイズとして targetCellWidth 属性と targetCellHeight 属性を使用します。

ウィジェットのサイズはデフォルトで 2x2 です。ウィジェットのサイズは 2x1 から 4x3 まで変更できます。

Android 11 以前:

minWidth 属性と minHeight 属性を使用して、ウィジェットのデフォルト サイズを計算します。

デフォルトの幅 = Math.ceil(80 / 30) = 3

デフォルトの高さ = Math.ceil(80 / 50) = 2

ウィジェットのサイズはデフォルトで 3x2 です。ウィジェットのサイズは 2x1 に縮小することも、全画面表示にすることもできます。

その他のウィジェット属性

次の表に、ウィジェットのサイズ設定以外の品質に関連する <appwidget-provider> 属性を示します。

AppWidgetProvider クラスを使用してウィジェット ブロードキャストを処理する

AppWidgetProvider クラスは、ウィジェット ブロードキャストを処理し、ウィジェットのライフサイクル イベントに応答してウィジェットを更新します。以降のセクションでは、マニフェストで AppWidgetProvider を宣言して実装する方法について説明します。

マニフェストでウィジェットを宣言する

まず、次の例に示すように、アプリの AndroidManifest.xml ファイルで AppWidgetProvider クラスを宣言します。

<receiver android:name="ExampleAppWidgetProvider"
                 android:exported="false">
    <intent-filter>
        <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
    </intent-filter>
    <meta-data android:name="android.appwidget.provider"
               android:resource="@xml/example_appwidget_info" />
</receiver>

<receiver> 要素は android:name 属性を必要とします。ウィジェットで使用される AppWidgetProvider を指定する属性です。通常はそうではありませんが、別のプロセスが AppWidgetProvider にブロードキャストする必要がある場合を除き、コンポーネントをエクスポートしないでください。

<intent-filter> 要素には、android:name 属性を持つ <action> 要素を含める必要があります。この属性は、AppWidgetProvider が ACTION_APPWIDGET_UPDATE ブロードキャストを受け入れることを指定します。明示的に宣言する必要があるブロードキャストはこれだけです。AppWidgetManager は、必要に応じて他のすべてのウィジェット ブロードキャストを自動的に AppWidgetProvider に送信します。

<meta-data> 要素は、AppWidgetProviderInfo リソースを指定し、次の属性を必要とします。

• android:name: メタデータ名を指定します。android.appwidget.provider を使用してデータを AppWidgetProviderInfo 記述子として特定します。
• android:resource: AppWidgetProviderInfo リソースの場所を指定します。

AppWidgetProvider クラスを実装する

AppWidgetProvider クラスは、ウィジェットのブロードキャストを処理するコンビニエンス クラスとして BroadcastReceiver を拡張します。ウィジェットの更新、削除、有効化、無効化など、ウィジェットに関連するイベント ブロードキャストのみを受け取ります。これらのブロードキャスト イベントが発生すると、次の AppWidgetProvider メソッドが呼び出されます。

onUpdate()

これは、AppWidgetProviderInfo の updatePeriodMillis 属性で定義された間隔でウィジェットを更新するために呼び出されます。詳細については、このページのその他のウィジェット属性を説明する表をご覧ください。

このメソッドは、ユーザーがウィジェットを追加したときにも呼び出されるため、View オブジェクトのイベント ハンドラの定義や、ウィジェットに表示するデータを読み込むジョブの開始などの重要な設定を行います。ただし、configuration_optional フラグを指定せずに構成アクティビティを宣言すると、このメソッドは、ユーザーがウィジェットを追加したときには呼び出されませんが、その後の更新では呼び出されます。設定の完了時に最初の更新を実行するのは設定アクティビティの責任です。詳細については、ユーザーがアプリ ウィジェットを設定できるようにするをご覧ください。

最も重要なコールバックは onUpdate() です。詳細については、このページの onUpdate() クラスでイベントを処理するをご覧ください。

onAppWidgetOptionsChanged()

このメソッドは、ウィジェットが最初に配置されたときと、ウィジェットのサイズが変更されたときに呼び出されます。このコールバックを使用して、ウィジェットのサイズ範囲に基づいてコンテンツを表示または非表示にします。サイズ範囲（Android 12 以降では、ウィジェット インスタンスが使用できるサイズのリスト）を取得するには、getAppWidgetOptions() を呼び出します。これにより、以下を含む Bundle が返されます。

• OPTION_APPWIDGET_MIN_WIDTH: ウィジェット インスタンスの幅の下限を dp 単位で指定します。
• OPTION_APPWIDGET_MIN_HEIGHT: ウィジェット インスタンスの高さの下限を dp で表したもの。
• OPTION_APPWIDGET_MAX_WIDTH: ウィジェット インスタンスの幅の上限を dp 単位で指定します。
• OPTION_APPWIDGET_MAX_HEIGHT: ウィジェット インスタンスの高さの上限を dp 単位で指定します。
• OPTION_APPWIDGET_SIZES: ウィジェット インスタンスが取得できるサイズ（List<SizeF>）のリストが dp 単位で格納されます。Android 12 で導入されました。

onDeleted(Context, int[])

ウィジェットがウィジェット ホストから削除されるたびに呼び出されます。

onEnabled(Context)

ウィジェットのインスタンスが初めて作成されたときに呼び出されます。たとえば、ユーザーがウィジェットのインスタンスを 2 つ追加した場合は、初回のみ呼び出されます。新しいデータベースを開く必要がある場合や、その他ウィジェットのすべてのインスタンスについて計 1 回だけ必要なセットアップを行う必要がある場合は、このタイミングが適しています。

onDisabled(Context)

このメソッドは、ウィジェットの最後のインスタンスがウィジェット ホストから削除されたときに呼び出されます。onEnabled(Context) で行った作業がある場合はこのタイミングで消去します（一時データベースを削除するなど）。

onReceive(Context, Intent)

これはすべてのブロードキャストで、上記の各コールバック メソッドの前に呼び出されます。デフォルトの AppWidgetProvider 実装はすべてのウィジェット ブロードキャストをフィルタリングし、必要に応じて前のメソッドを呼び出すため、通常はこのメソッドを実装する必要はありません。

AndroidManifest の <receiver> 要素を使用して、AppWidgetProvider クラスの実装をブロードキャスト レシーバとして宣言する必要があります。詳しくは、このページのマニフェストでウィジェットを宣言するをご覧ください。

onUpdate() クラスでイベントを処理する

最も重要な AppWidgetProvider コールバックは onUpdate() です。configuration_optional フラグを指定せずに構成アクティビティを使用する場合を除き、各ウィジェットがホストに追加されたときに呼び出されるためです。ウィジェットがユーザー操作イベントを受け入れる場合は、このコールバックにイベント ハンドラを登録します。ウィジェットが一時ファイルやデータベースを作成しない場合や、クリーンアップが必要な他の作業を実行しない場合は、onUpdate() のみを定義する必要があります。

たとえば、タップするとアクティビティを起動するボタンのあるウィジェットを作成する場合は、AppWidgetProvider の次の実装を使用できます。

class ExampleAppWidgetProvider : AppWidgetProvider() {

    override fun onUpdate(
            context: Context,
            appWidgetManager: AppWidgetManager,
            appWidgetIds: IntArray
    ) {
        // Perform this loop procedure for each widget that belongs to this
        // provider.
        appWidgetIds.forEach { appWidgetId ->
            // Create an Intent to launch ExampleActivity.
            val pendingIntent: PendingIntent = PendingIntent.getActivity(
                    /* context = */ context,
                    /* requestCode = */  0,
                    /* intent = */ Intent(context, ExampleActivity::class.java),
                    /* flags = */ PendingIntent.FLAG_UPDATE_CURRENT or PendingIntent.FLAG_IMMUTABLE
            )

            // Get the layout for the widget and attach an onClick listener to
            // the button.
            val views: RemoteViews = RemoteViews(
                    context.packageName,
                    R.layout.appwidget_provider_layout
            ).apply {
                setOnClickPendingIntent(R.id.button, pendingIntent)
            }

            // Tell the AppWidgetManager to perform an update on the current
            // widget.
            appWidgetManager.updateAppWidget(appWidgetId, views)
        }
    }
}

public class ExampleAppWidgetProvider extends AppWidgetProvider {

    public void onUpdate(Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds) {
        // Perform this loop procedure for each widget that belongs to this
        // provider.
        for (int i=0; i < appWidgetIds.length; i++) {
            int appWidgetId = appWidgetIds[i];
            // Create an Intent to launch ExampleActivity
            Intent intent = new Intent(context, ExampleActivity.class);
            PendingIntent pendingIntent = PendingIntent.getActivity(
                /* context = */ context,
                /* requestCode = */ 0,
                /* intent = */ intent,
                /* flags = */ PendingIntent.FLAG_UPDATE_CURRENT | PendingIntent.FLAG_IMMUTABLE
            );

            // Get the layout for the widget and attach an onClick listener to
            // the button.
            RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.example_appwidget_layout);
            views.setOnClickPendingIntent(R.id.button, pendingIntent);

            // Tell the AppWidgetManager to perform an update on the current app
            // widget.
            appWidgetManager.updateAppWidget(appWidgetId, views);
        }
    }
}

この AppWidgetProvider は onUpdate() メソッドのみを定義し、それを使用して Activity を起動し、setOnClickPendingIntent(int, PendingIntent) を使用してウィジェットのボタンにアタッチする PendingIntent を作成します。appWidgetIds の各エントリで繰り返されるループがあることに注意してください。このプロバイダが作成した各ウィジェットを特定する ID の配列です。ユーザーがウィジェットの複数のインスタンスを作成した場合、それらはすべて同時に更新されます。ただし、ウィジェットのすべてのインスタンスについて 1 つの updatePeriodMillis スケジュールのみが管理されます。たとえば、更新スケジュールが 2 時間ごとに定義され、ウィジェットの 2 番目のインスタンスが最初のインスタンスの 1 時間後に追加された場合、両方のインスタンスが 1 番目の更新期間で更新され、2 番目の更新期間は無視されます。どちらも 1 時間ではなく 2 時間ごとに更新されます。

詳細については、ExampleAppWidgetProvider.java サンプルクラスをご覧ください。

ウィジェット ブロードキャスト インテントを受け取る

AppWidgetProvider はコンビニエンス クラスです。ウィジェットのブロードキャストを直接受信する場合は、独自の BroadcastReceiver を実装するか、onReceive(Context,Intent) コールバックをオーバーライドします。注意が必要なインテントは次のとおりです。

• ACTION_APPWIDGET_UPDATE
• ACTION_APPWIDGET_DELETED
• ACTION_APPWIDGET_ENABLED
• ACTION_APPWIDGET_DISABLED
• ACTION_APPWIDGET_OPTIONS_CHANGED

ウィジェット レイアウトを作成する

ウィジェットの初期レイアウトを XML で定義し、プロジェクトの res/layout/ ディレクトリに保存する必要があります。詳しくは、設計ガイドラインをご覧ください。

レイアウトに精通していれば、ウィジェット レイアウトは簡単に作成できます。ただし、ウィジェットのレイアウトは RemoteViews をベースとしており、すべての種類のレイアウトやビューがサポートされているわけではないことに注意が必要です。RemoteViews でサポートされているカスタムビューやビューのサブクラスは使用できません。

RemoteViews は ViewStub もサポートしています。これは、サイズがゼロの目に見えない View であり、実行時にレイアウト リソースを遅延インフレートするために使用できます。

ステートフル動作のサポート

Android 12 では、次の既存のコンポーネントを使用したステートフル動作のサポートが追加されています。

• CheckBox

• Switch

• RadioButton

このウィジェットはまだステートレスであるため、アプリが状態を保存し、状態変化イベントを登録できるようにする必要があります。

次のコードサンプルは、これらのコンポーネントを実装する方法を示しています。

// Check the view.
remoteView.setCompoundButtonChecked(R.id.my_checkbox, true)

// Check a radio group.
remoteView.setRadioGroupChecked(R.id.my_radio_group, R.id.radio_button_2)

// Listen for check changes. The intent has an extra with the key
// EXTRA_CHECKED that specifies the current checked state of the view.
remoteView.setOnCheckedChangeResponse(
        R.id.my_checkbox,
        RemoteViews.RemoteResponse.fromPendingIntent(onCheckedChangePendingIntent)
)

// Check the view.
remoteView.setCompoundButtonChecked(R.id.my_checkbox, true);

// Check a radio group.
remoteView.setRadioGroupChecked(R.id.my_radio_group, R.id.radio_button_2);

// Listen for check changes. The intent has an extra with the key
// EXTRA_CHECKED that specifies the current checked state of the view.
remoteView.setOnCheckedChangeResponse(
    R.id.my_checkbox,
    RemoteViews.RemoteResponse.fromPendingIntent(onCheckedChangePendingIntent));

2 つのレイアウトを用意します。1 つは Android 12 以降を搭載しているデバイスをターゲットにしたレイアウト（res/layout-v31）で、もう 1 つは以前の Android 11 以前をターゲットにしたレイアウト（デフォルトの res/layout フォルダ内）です。

角の丸みを実装する

Android 12 では、ウィジェットの角の丸みを設定する次のシステム パラメータが導入されています。

• system_app_widget_background_radius: ウィジェットの背景の角の丸み。28 dp を超えることはありません。

• system_app_widget_inner_radius: ウィジェット内のビューの角の半径。8 dp のパディングを使用する際に適切に調整されるように、背景の角の丸みよりちょうど 8 dp 小さくなっています。

次の例は、system_app_widget_background_radius をウィジェットの角に、system_app_widget_inner_radius をウィジェット内のビューに使用したウィジェットを示しています。

1 ウィジェットの角。

2 ウィジェット内のビューの角。

角を丸くする際の重要な考慮事項

• サードパーティ ランチャーとデバイス メーカーは、system_app_widget_background_radius パラメータを 28 dp 未満にオーバーライドできます。system_app_widget_inner_radius パラメータは常に system_app_widget_background_radius の値より 8 dp 小さくなります。
• ウィジェットで @android:id/background を使用していない場合や、アウトラインに基づいてコンテンツを切り抜く背景を定義していない場合（android:clipToOutline が true に設定されている場合）、ランチャーは背景を自動的に識別し、最大 16 dp の丸い角を持つ長方形を使用してウィジェットを切り抜きます。ウィジェットが Android 12 に対応していることを確認するをご覧ください。

ウィジェットを以前のバージョンの Android に対応させるには、カスタム属性を定義し、カスタムテーマを使用して Android 12 向けにオーバーライドすることをおすすめします。次に XML ファイルの例を示します。

<resources>
  <attr name="backgroundRadius" format="dimension" />
</resources>

<resources>
  <style name="MyWidgetTheme">
    <item name="backgroundRadius">@dimen/my_background_radius_dimen</item>
  </style>
</resources>

<resources>
  <style name="MyWidgetTheme" parent="@android:style/Theme.DeviceDefault.DayNight">
    <item name="backgroundRadius">@android:dimen/system_app_widget_background_radius</item>
  </style>
</resources>

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
  <corners android:radius="?attr/backgroundRadius" />
  ...
</shape>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  ...
  android:background="@drawable/my_widget_background" />