More than 1 year has passed since last update.

Android13のPhoto picker（写真選択ツール）

Last updated at 2022-08-18Posted at 2022-08-06

はじめに

Android 13から以下のような、写真/動画選択時の新しいUIであるPhoto Picker（写真選択ツール）が追加されました。

単一選択	複数選択

公式ドキュメントには startActivityForResult/onActivityResult を使った実装方法しか記載されてなかったので ¹ 、 registerForActivityResult と androidx.activity の1.6.0-alpha03で追加された ActivityResultContracts.PickVisualMedia / PickMultipleVisualMedia を使った実装方法をやってみました。

実装

以下の順で説明していきます。

依存関係追加
registerForActivityResultを定義
起動

1. 依存関係追加

ActivityResultContracts.PickVisualMedia 等を使うには、androidx.activityの1.6.0-alpha03以降が必要なため追加しておきます。（記事作成時点では 1.6.0-alpha05が最新でした）

build.gradle

dependencies {
    implementation 'androidx.activity:activity-ktx:1.6.0-alpha05'
}

↓から最新版を確認できます。
https://developer.android.com/jetpack/androidx/releases/activity

2. `registerForActivityResult` の定義

単一選択の場合

registerForActivityResultの引数に ActivityResultContracts.PickVisualMediaを指定します。
選択した画像のURIが渡ってくるので、それを使って処理を書きます。今回は単純に ImageView　にセットする処理を書きました。

private val photoPickerLauncher =
    registerForActivityResult(ActivityResultContracts.PickVisualMedia()) { uri ->
        binding.imageView.setImageURI(uri)
    }

複数選択の場合

複数選択の場合は ActivityResultContracts.PickMultipleVisualMediaを指定し、引数に選択できる最大枚数を渡します。（下記の例だと3枚まで選択可）

private val photoPickerLauncher =
    registerForActivityResult(ActivityResultContracts.PickMultipleVisualMedia(3)) { uriList ->
        // 何かしらの処理
}

URIのリストが返ってくるので、それを使って処理を書きます。

3. 起動

起動する時は、 launch の引数に PickVisualMediaRequestを指定します。

PickVisualMediaRequestは引数に VisualMediaTypeをとります。
以下の4つがあるようです。

ImageAndVideo
ImageOnly
SingleMimeType
VideoOnly

今回は画像を選択するので ImageOnly を指定しました。

binding.button.setOnClickListener {
    photoPickerLauncher.launch(PickVisualMediaRequest(ActivityResultContracts.PickVisualMedia.ImageOnly))
}

コード全体（単一選択）

MainActivity.kt

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding
    private val photoPickerLauncher =
        registerForActivityResult(ActivityResultContracts.PickVisualMedia()) { uri ->
            binding.imageView.setImageURI(uri)
        }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)

        binding.button.setOnClickListener {
            photoPickerLauncher.launch(PickVisualMediaRequest(ActivityResultContracts.PickVisualMedia.ImageOnly))
        }
    }
}