CameraXとCompose

Jetpack ComposeでCameraXを扱うためのあれこれについて発表しました。

Transcript

1. CameraXとCompose てべすてん 2024/03/04
2. 自己紹介 てべすてん • 専門学校 3年生 • 4月からAndroidエンジニア • Android歴 1年半 • 趣味: 音楽鑑賞
3. CameraX
4. CameraXとは？ https://developer.android.com/codelabs/camerax-getting-started?hl=ja
5. CameraXのアーキテクチャ 主なコンポーネント • ユースケース • PreviewView
6. CameraXのユースケース • 利用したいカメラの機能 • 現状は以下の4つが用意されている ◦ プレビュー ◦ 画像解析 ◦ 画像キャプチャ ◦ 動画キャプチャ • ライフサイクルにユースケースをbindして使う more: https://developer.android.com/media/camera/camerax/architecture?hl=ja
7. CameraXのPreviewView • PreviewView ◦ プレビューユースケースを画面に表示するView
8. CameraXのつらみ
9. CameraXのつらみ ❌ Javaで書かれてる(っぽい) • kotlinらしく書けない • coroutineで書けない ❌ Composeに対応していない • PreviewViewは Android Viewのみ... Composeのプロジェクトでは いい感じにラップする必要がある
10. Composeで 頑張って作ってみる
11. Composeで頑張って使ってみる
12. Composeで頑張って使ってみる
15. ❌ CameraControlがFatになりがち ◦ かといって意外と分離がむずかちい🥺 作ってみたけど...
16. ❌ CameraControlと CameraPreviewが密結合 作ってみたけど...
17. ❌ コールバック... 作ってみたけど...
18. CameraXをComposeでも 使いやすくしてほしい
19. ラッパーライブラリに まとめてみました （ここから宣伝ゾーン）
20. camerax-compose
21. ☺ PreviewViewをラップしたCameraPreview Composable ☺ ユースケースをいい感じにラップしたUseCase helper ☺ ImageCapture.takePictureをいい感じにラップ camerax-composeの機能
22. CameraPreview Composable ⭕ onBindでユースケースと PreviewViewが疎結合に
23. UseCase helper
24. ⭕ 各ユースケースの宣言が簡素に ⭕ previewUseCase() は自動で setSurfaceProviderしてくれる • 同様にデフォルトでつけておいて欲しい機能をライブラリ側 から入れやすい UseCase helper
25. ImageCapture.takePictureのラップ
26. ImageCapture.takePictureのラップ
27. • ドキュメントの整備 • Permission周りのヘルパー • バージョン運用 ◦ compose, cameraxとの相互運用 大変そう TODO コントリビュートしてくれてもいいんだぜ？(ﾎﾞｿｯ
28. Thank you for listening !