class MyAppWidget : GlanceAppWidget() {
    override suspend fun provideGlance(context: Context, id: GlanceId) {
        provideContent {
            Text("Hello World")
        }
    }
}

val views = RemoteViews(context.packageName, R.layout.music_control_widget).apply {
    setTextViewText(R.id.widget_title, "title")
    setTextViewText(R.id.widget_album, "album")
    setTextViewText(R.id.widget_artist, "artist")
}

class ExampleWidget : AppWidgetProvider() {

    /** ブロードキャスト受け取り */
    override fun onReceive(context: Context?, intent: Intent?) {
        // Intent に PendinIntent でセットした Intent があるはず
        // 押したら Toast を出すなど
        // ここでは Context#startActivity は使えないので、PendingIntent.getActivity を使う
    }

}

class GlanceCountWidget : GlanceAppWidget() {

    override suspend fun provideGlance(
        context: Context,
        id: GlanceId
    ) = provideContent {

        // カウンター
        // TODO 再起動とかで値をロストするので、永続化が必要
        var counter by remember { mutableStateOf(0) }

        // テーマの設定
        GlanceTheme(colors = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) GlanceTheme.colors else colors) {
            
            // 横並び
            Row(
                modifier = GlanceModifier
                    .fillMaxSize()
                    .padding(5.dp)
                    .background(GlanceTheme.colors.secondaryContainer)
                    .cornerRadius(16.dp),
                horizontalAlignment = Alignment.Horizontal.CenterHorizontally,
                verticalAlignment = Alignment.Vertical.CenterVertically
            ) {

                Button(
                    modifier = GlanceModifier.size(50.dp),
                    text = "-1",
                    onClick = { counter-- }
                )

                Text(
                    modifier = GlanceModifier.defaultWeight(),
                    text = counter.toString(),
                    style = TextStyle(
                        fontSize = 20.sp,
                        textAlign = TextAlign.Center
                    )
                )

                Button(
                    modifier = GlanceModifier.size(50.dp),
                    text = "+1",
                    onClick = { counter++ }
                )

            }
        }
    }

    companion object {

        /** ウィジェットの色 */
        val colors = ColorProviders(
            light = LightColorScheme,
            dark = DarkColorScheme
        )

    }
}

dependencies {

    // これら
    // For AppWidgets support
    implementation ("androidx.glance:glance-appwidget:1.0.0")
    // For interop APIs with Material 3
    implementation ("androidx.glance:glance-material3:1.0.0")
    // 画像読み込みライブラリ
    implementation("com.github.bumptech.glide:glide:4.16.0")

    // 以下省略...

android {
    namespace = "io.github.takusan23.touchphotowidget"
    compileSdk = 34 // ここ

    defaultConfig {
        applicationId = "io.github.takusan23.touchphotowidget"
        minSdk = 23
        targetSdk = 34 // ここ
        versionCode = 1
        versionName = "1.0"

    // 以下省略...

<?xml version="1.0" encoding="utf-8"?>
<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
    android:description="@string/app_name"
    android:minWidth="40dp"
    android:minHeight="40dp"
    android:previewImage="@drawable/ic_launcher_foreground"
    android:resizeMode="horizontal|vertical"
    android:targetCellWidth="1"
    android:targetCellHeight="1"
    android:updatePeriodMillis="86400000"
    android:widgetCategory="home_screen" />

class TouchPhotoWidget : GlanceAppWidget() {

    override suspend fun provideGlance(context: Context, id: GlanceId) {
        // TODO この後すぐ！
    }

}

class TouchPhotoWidgetReceiver : GlanceAppWidgetReceiver() {

    override val glanceAppWidget: GlanceAppWidget
        get() = TouchPhotoWidget()

}

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

    <application
        android:allowBackup="true"
        android:dataExtractionRules="@xml/data_extraction_rules"
        android:fullBackupContent="@xml/backup_rules"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.TouchPhotoWidget"
        tools:targetApi="31">

        <!-- 詳細は... -->

        <!-- <application> の中に↓を書く -->
        <receiver
            android:name=".TouchPhotoWidgetReceiver"
            android:exported="true">
            <intent-filter>
                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
            </intent-filter>
            <meta-data
                android:name="android.appwidget.provider"
                android:resource="@xml/touch_photo_widget_info" />
        </receiver>

    </application>

</manifest>

class TouchPhotoWidget : GlanceAppWidget() {

    override suspend fun provideGlance(context: Context, id: GlanceId) {
        provideContent {
            // Composable
        }
    }

}

class TouchPhotoWidget : GlanceAppWidget() {

    override suspend fun provideGlance(context: Context, id: GlanceId) {
        provideContent {
            Box(
                modifier = GlanceModifier
                    // match_parent
                    .fillMaxSize()
                    // 背景色
                    .background(Color.White)
                    // 押したら Activity 起動
                    .clickable(actionStartActivity<MainActivity>()),
                contentAlignment = Alignment.Center
            ) {

                Text(
                    text = "Hello World",
                    style = TextStyle(fontSize = 24.sp)
                )

            }
        }
    }

}

val uriList: List<Uri> = context.contentResolver.query(
    // 保存先、SDカードとかもあったはず
    MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
    // 今回はメディアの ID を取得。他にもタイトルとかあります
    // 実際のデータの取得には、まず ID を取得する必要があります
    arrayOf(MediaStore.MediaColumns._ID),
    // SQL の WHERE。ユーザー入力が伴う場合はプレースホルダーを使いましょう
    null,
    // SQL の WHERE のプレースホルダーの値
    null,
    // SQL の ORDER BY
    null
)?.use { cursor ->
    // 一応最初に移動しておく
    cursor.moveToFirst()
    // 配列を返す
    (0 until cursor.count)
        .map {
            // ID 取得
            val id = cursor.getLong(cursor.getColumnIndexOrThrow(MediaStore.MediaColumns._ID))
            // Uri の取得
            val uri = ContentUris.withAppendedId(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, id)
            // 次のレコードに移動
            cursor.moveToNext()
            // 返す
            uri
        }
} ?: emptyList()

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

    <!-- Android 12 まではこちらの権限が必要 -->
    <uses-permission
        android:name="android.permission.READ_EXTERNAL_STORAGE"
        android:maxSdkVersion="32" />

    <!-- Android 13 からはこちら -->
    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />

    <!-- 以下省略 -->

class MainActivity : ComponentActivity() {

    @OptIn(ExperimentalMaterial3Api::class)
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            val context = LocalContext.current
            val isGranted = remember {
                // 初期値は権限があるか
                mutableStateOf(ContextCompat.checkSelfPermission(context, REQUEST_PERMISSION) == PackageManager.PERMISSION_GRANTED)
            }
            // 権限コールバック
            val requestPermission = rememberLauncherForActivityResult(contract = ActivityResultContracts.RequestPermission()) {
                isGranted.value = it
            }

            TouchPhotoWidgetTheme {
                Scaffold(
                    topBar = { TopAppBar(title = { Text(text = stringResource(id = R.string.app_name)) }) }
                ) {
                    Column(
                        modifier = Modifier
                            .fillMaxSize()
                            .padding(it),
                        verticalArrangement = Arrangement.Center,
                        horizontalAlignment = Alignment.CenterHorizontally
                    ) {

                        if (isGranted.value) {
                            Text(text = "ホーム画面を長押しして、ウィジェットを追加してください")
                        } else {
                            Text(text = "写真を取得する権限が必要です")
                            Button(onClick = {
                                requestPermission.launch(REQUEST_PERMISSION)
                            }) { Text(text = "権限をリクエストする") }
                        }

                    }
                }
            }
        }
    }

    companion object {

        /** 必要な権限 */
        val REQUEST_PERMISSION = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
            android.Manifest.permission.READ_MEDIA_IMAGES
        } else {
            android.Manifest.permission.READ_EXTERNAL_STORAGE
        }

    }

}

object PhotoTool {

    /**
     * 写真を取得する
     *
     * @param context [Context]
     * @param limit 上限
     * @param size [Bitmap] の大きさ
     * @return [PhotoData] の配列
     */
    suspend fun getLatestPhotoBitmap(
        context: Context,
        limit: Int = 20,
        size: Int = 200
    ): List<PhotoData> = withContext(Dispatchers.IO) {
        val contentResolver = context.contentResolver
        val uri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI
        val selection = arrayOf(MediaStore.MediaColumns._ID)
        val sortOrder = "${MediaStore.MediaColumns.DATE_ADDED} DESC"

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            // LIMIT が使える
            contentResolver.query(
                uri,
                selection,
                bundleOf(
                    ContentResolver.QUERY_ARG_LIMIT to limit,
                    ContentResolver.QUERY_ARG_SQL_SORT_ORDER to sortOrder
                ),
                null
            )
        } else {
            // 使えないので、取り出す際にやる
            contentResolver.query(
                uri,
                selection,
                null,
                null,
                sortOrder
            )
        }?.use { cursor ->
            cursor.moveToFirst()
            // 返す
            (0 until min(cursor.count, limit))
                .map {
                    // コンテンツの ID を取得
                    val id = cursor.getLong(cursor.getColumnIndexOrThrow(MediaStore.MediaColumns._ID))
                    cursor.moveToNext()
                    id
                }
                .map { id ->
                    // ID から Uri を取得
                    ContentUris.withAppendedId(uri, id)
                }
                .map { uri ->
                    // Uri から Bitmap を返す
                    // Glide で小さくしてから Bitmap を取得する
                    PhotoData(getBitmap(context, uri, size), uri)
                }
        } ?: emptyList()
    }

    /**
     * 画像をロードする
     * Glide を使うので小さくして Bitmap を返せます
     *
     * @param context [Context]
     * @param uri [Uri]
     * @param size サイズ
     * @return [Bitmap]
     */
    suspend fun getBitmap(
        context: Context,
        uri: Uri,
        size: Int,
    ): Bitmap = withContext(Dispatchers.IO) {
        Glide.with(context)
            .asBitmap()
            .load(uri)
            .submit(size, size)
            .get()
    }

    /**
     * [Bitmap] と [Uri] のデータクラス
     */
    data class PhotoData(
        val bitmap: Bitmap,
        val uri: Uri
    )

}

class TouchPhotoWidget : GlanceAppWidget() {

    override suspend fun provideGlance(context: Context, id: GlanceId) {
        provideContent {

            // 押した画像、選択していない場合は null
            val selectPhoto = remember { mutableStateOf<PhotoTool.PhotoData?>(null) }
            // 画像一覧
            val bitmapList = remember { mutableStateOf(emptyList<PhotoTool.PhotoData>()) }

            // 画像をロード
            LaunchedEffect(key1 = Unit) {
                bitmapList.value = PhotoTool.getLatestPhotoBitmap(context)
            }

            Box(
                modifier = GlanceModifier
                    .fillMaxSize()
                    .background(Color.White)
            ) {
                if (selectPhoto.value != null) {
                    // 選択した画像がある
                    PhotoDetail(
                        photoData = selectPhoto.value!!,
                        onBack = { selectPhoto.value = null }
                    )
                } else {
                    // 一覧表示
                    PhotoGridList(
                        photoDataList = bitmapList.value,
                        onClick = { bitmap -> selectPhoto.value = bitmap }
                    )
                }
            }
        }
    }

    /**
     * グリッド表示で写真を表示する
     *
     * @param context [Context]
     * @param onClick 写真を押したら呼ばれる
     */
    @Composable
    fun PhotoGridList(
        photoDataList: List<PhotoTool.PhotoData>,
        onClick: (PhotoTool.PhotoData) -> Unit
    ) {
        LazyVerticalGrid(
            modifier = GlanceModifier.fillMaxSize(),
            gridCells = GridCells.Fixed(4)
        ) {
            items(photoDataList) { photoData ->
                Image(
                    modifier = GlanceModifier
                        .fillMaxWidth()
                        .height(100.dp)
                        .clickable { onClick(photoData) },
                    provider = ImageProvider(photoData.bitmap),
                    contentScale = ContentScale.Crop,
                    contentDescription = null
                )
            }
        }
    }

    /**
     * 写真の詳細画面
     *
     * @param photoData [PhotoTool.PhotoData]
     * @param onBack 戻る押した時
     */
    @Composable
    fun PhotoDetail(
        photoData: PhotoTool.PhotoData,
        onBack: () -> Unit
    ) {
        // 画像アプリで開くための Intent
        // data に Uri を渡すことで対応しているアプリをあぶり出す
        val intent = remember { Intent(Intent.ACTION_VIEW, photoData.uri) }

        Column(modifier = GlanceModifier.fillMaxSize()) {
            Row(
                modifier = GlanceModifier
                    .fillMaxWidth()
                    .padding(5.dp)
            ) {
                Button(
                    modifier = GlanceModifier.padding(10.dp),
                    text = "戻る",
                    onClick = onBack
                )
                Spacer(modifier = GlanceModifier.defaultWeight())
                Button(
                    modifier = GlanceModifier.padding(10.dp),
                    text = "開く",
                    onClick = actionStartActivity(intent)
                )
            }
            Image(
                modifier = GlanceModifier.fillMaxSize(),
                provider = ImageProvider(photoData.bitmap),
                contentDescription = null
            )
        }
    }

}

Unrecognized Action: androidx.glance.appwidget.action.StartActivityIntentAction@3cb3c84
    java.lang.IllegalArgumentException: io.github.takusan23.touchphotowidget: Targeting U+ (version 34 and above) disallows creating or retrieving a PendingIntent with FLAG_MUTABLE, an implicit Intent within and without FLAG_NO_CREATE and FLAG_ALLOW_UNSAFE_IMPLICIT_INTENT for security reasons. To retrieve an already existing PendingIntent, use FLAG_NO_CREATE, however, to create a new PendingIntent with an implicit Intent use FLAG_IMMUTABLE.
    at android.os.Parcel.createExceptionOrNull(Parcel.java:3061)
    at android.os.Parcel.createException(Parcel.java:3041)
    at android.os.Parcel.readException(Parcel.java:3024)
    at android.os.Parcel.readException(Parcel.java:2966)
    at android.app.IActivityManager$Stub$Proxy.getIntentSenderWithFeature(IActivityManager.java:6568)
    at android.app.PendingIntent.getActivityAsUser(PendingIntent.java:571)
    at android.app.PendingIntent.getActivity(PendingIntent.java:552)
    at androidx.glance.appwidget.action.ApplyActionKt.getPendingIntentForAction(ApplyAction.kt:82)
    at androidx.glance.appwidget.action.ApplyActionKt.getPendingIntentForAction$default(ApplyAction.kt:73)

// テーマ機能
GlanceTheme(
    colors = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
        GlanceTheme.colors
    } else {
        colors
    }
) {
    Box(
        modifier = GlanceModifier
            .fillMaxSize()
            .background(GlanceTheme.colors.secondaryContainer)
    ) {
        if (selectPhoto.value != null) {
            // 選択した画像がある
            PhotoDetail(
                photoData = selectPhoto.value!!,
                onBack = { selectPhoto.value = null }
            )
        } else {
            // 一覧表示
            PhotoGridList(
                photoDataList = bitmapList.value,
                onClick = { bitmap -> selectPhoto.value = bitmap }
            )
        }
    }
}

companion object {
    val colors = ColorProviders(
        light = LightColorScheme,
        dark = DarkColorScheme
    )
}

Box(
    modifier = GlanceModifier
        .fillMaxSize()
        .background(GlanceTheme.colors.secondaryContainer)
) { }

Row(
    modifier = GlanceModifier
        .fillMaxWidth()
        .padding(5.dp)
) {
    // 戻るボタン
    Image(
        modifier = GlanceModifier
            .size(40.dp)
            .padding(5.dp)
            .cornerRadius(10.dp)
            .clickable(onBack),
        provider = ImageProvider(resId = R.drawable.outline_arrow_back_24),
        contentDescription = null,
        colorFilter = ColorFilter.tint(GlanceTheme.colors.primary)
    )
    Spacer(modifier = GlanceModifier.defaultWeight())
    // アプリを開く
    // 塗りつぶし
    Image(
        modifier = GlanceModifier
            .size(40.dp)
            .padding(5.dp)
            .background(GlanceTheme.colors.primary)
            .cornerRadius(10.dp)
            .clickable(actionStartActivity(intent)),
        provider = ImageProvider(resId = R.drawable.outline_open_in_new_24),
        contentDescription = null,
        colorFilter = ColorFilter.tint(GlanceTheme.colors.primaryContainer)
    )
}

companion object {

    /** 小さいサイズ */
    private val SMALL = DpSize(width = 100.dp, height = 100.dp)

    /** 大きいサイズ */
    private val LARGE = DpSize(width = 250.dp, height = 100.dp)
    
}

class TouchPhotoWidget : GlanceAppWidget() {

    /** ウィジェットの利用可能なサイズ。通常と横に長いサイズ */
    override val sizeMode = SizeMode.Responsive(setOf(SMALL, LARGE))

/**
 * グリッド表示で写真を表示する
 *
 * @param context [Context]
 * @param onClick 写真を押したら呼ばれる
 */
@Composable
fun PhotoGridList(
    photoDataList: List<PhotoTool.PhotoData>,
    onClick: (PhotoTool.PhotoData) -> Unit
) {
    // ウィジェットの大きさによって横に並べる数を変える
    val gridSize = if (LocalSize.current.width >= LARGE.width) 4 else 2

    LazyVerticalGrid(
        modifier = GlanceModifier.fillMaxSize(),
        gridCells = GridCells.Fixed(gridSize)
    ) {
        // 以下省略...

val size = LocalSize.current
// サイズによってレイアウトを切り替える
if (size.width >= LARGE.width) {
    LargeWidgetContent()
} else {
    SmallWidgetContent()
}

class TouchPhotoWidget : GlanceAppWidget() {

    /** ウィジェットの利用可能なサイズ。通常と横に長いサイズ */
    override val sizeMode = SizeMode.Responsive(setOf(SMALL, LARGE))

    override suspend fun provideGlance(context: Context, id: GlanceId) {
        provideContent {

            // 押した画像、選択していない場合は null
            val selectPhoto = remember { mutableStateOf<PhotoTool.PhotoData?>(null) }
            // 画像一覧
            val bitmapList = remember { mutableStateOf(emptyList<PhotoTool.PhotoData>()) }

            // 画像をロード
            LaunchedEffect(key1 = Unit) {
                bitmapList.value = PhotoTool.getLatestPhotoBitmap(context)
            }

            // テーマ機能
            GlanceTheme(
                colors = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
                    GlanceTheme.colors
                } else {
                    colors
                }
            ) {
                Box(
                    modifier = GlanceModifier
                        .fillMaxSize()
                        .background(GlanceTheme.colors.secondaryContainer)
                ) {
                    if (selectPhoto.value != null) {
                        // 選択した画像がある
                        PhotoDetail(
                            photoData = selectPhoto.value!!,
                            onBack = { selectPhoto.value = null }
                        )
                    } else {
                        // 一覧表示
                        PhotoGridList(
                            photoDataList = bitmapList.value,
                            onClick = { bitmap -> selectPhoto.value = bitmap }
                        )
                    }
                }
            }
        }
    }

    /**
     * グリッド表示で写真を表示する
     *
     * @param context [Context]
     * @param onClick 写真を押したら呼ばれる
     */
    @Composable
    fun PhotoGridList(
        photoDataList: List<PhotoTool.PhotoData>,
        onClick: (PhotoTool.PhotoData) -> Unit
    ) {
        // ウィジェットの大きさによって横に並べる数を変える
        val gridSize = if (LocalSize.current.width >= LARGE.width) 4 else 2

        LazyVerticalGrid(
            modifier = GlanceModifier.fillMaxSize(),
            gridCells = GridCells.Fixed(gridSize)
        ) {
            items(photoDataList) { photoData ->
                Image(
                    modifier = GlanceModifier
                        .fillMaxWidth()
                        .height(100.dp)
                        .clickable { onClick(photoData) },
                    provider = ImageProvider(photoData.bitmap),
                    contentScale = ContentScale.Crop,
                    contentDescription = null
                )
            }
        }
    }

    /**
     * 写真の詳細画面
     *
     * @param photoData [PhotoTool.PhotoData]
     * @param onBack 戻る押した時
     */
    @Composable
    fun PhotoDetail(
        photoData: PhotoTool.PhotoData,
        onBack: () -> Unit
    ) {
        // 画像アプリで開くための Intent
        // data に Uri を渡すことで対応しているアプリをあぶり出す
        val intent = remember { Intent(Intent.ACTION_VIEW, photoData.uri) }

        Column(modifier = GlanceModifier.fillMaxSize()) {
            Row(
                modifier = GlanceModifier
                    .fillMaxWidth()
                    .padding(5.dp)
            ) {
                // 戻るボタン
                Image(
                    modifier = GlanceModifier
                        .size(40.dp)
                        .padding(5.dp)
                        .cornerRadius(10.dp)
                        .clickable(onBack),
                    provider = ImageProvider(resId = R.drawable.outline_arrow_back_24),
                    contentDescription = null,
                    colorFilter = ColorFilter.tint(GlanceTheme.colors.primary)
                )
                Spacer(modifier = GlanceModifier.defaultWeight())
                // アプリを開く
                // 塗りつぶし
                Image(
                    modifier = GlanceModifier
                        .size(40.dp)
                        .padding(5.dp)
                        .background(GlanceTheme.colors.primary)
                        .cornerRadius(10.dp)
                        .clickable(actionStartActivity(intent)),
                    provider = ImageProvider(resId = R.drawable.outline_open_in_new_24),
                    contentDescription = null,
                    colorFilter = ColorFilter.tint(GlanceTheme.colors.primaryContainer)
                )
            }
            Image(
                modifier = GlanceModifier.fillMaxSize(),
                provider = ImageProvider(photoData.bitmap),
                contentDescription = null
            )
        }
    }

    companion object {

        /** Material You が使えない用 */
        val colors = ColorProviders(
            light = LightColorScheme,
            dark = DarkColorScheme
        )

        /** 小さいサイズ */
        private val SMALL = DpSize(width = 100.dp, height = 100.dp)

        /** 大きいサイズ */
        private val LARGE = DpSize(width = 250.dp, height = 100.dp)

    }

}