Android15（SDK35）から強制される、Edge-to-Edgeに対応しなければならない

■ イベント
【ハイブリット開催】Mobile勉強会 ウォンテッドリー × チームラボ × Sansan #16
https://teamlab.connpass.com/event/329937/

■ 発表者
技術本部 Sansan Engineering Unit Mobile Application Group　原田 拓眞

■ Android エンジニア採用情報
https://media.sansan-engineering.com/android-engineer

■ Sansan Tech Blog
https://buildersbox.corp-sansan.com/

Transcript

1. Android15（SDK35）から強制される、 Edge-to-Edgeに対応しなければならない Sansan株式会社 技術本部 Sansan Engineering Unit Mobile Application Group 原田拓眞
2. 自己紹介 ⁃ 2014年4月Sansan新卒入社 ⁃ C# / webアプリエンジニアでした ⁃ 2018年11月頃からAndroidに転向 ⁃ 現在はSansanのAndroidアプリアーキテクト ⁃ 今年の3月から犬を飼い始めました ⁃ X: @teufelium
3. 今日するお話 About to tell today is
4. 今日するお話 ⁃ TargetSDK 35にすると、Android15以上のデバイスでEdge-to- Edgeがデフォルトに！ ⁃ Sansanで試してみたところどうなったか。 ⁃ ComposeとAndroidView(xml)で対応方法が異なり、M3とM2でも 違いが。特にM2では考えることがM3と比べて多い…。
5. Edge-to-Edgeがデフォルトに！ Edge-to-Edge becomes the default behavior.
6. Edge-to-Edgeがデフォルトに！ https://developer.android.com/about/versions/15/behavior-changes-15#edge-to-edge edge-to-edge.webm
7. Edge-to-Edgeがデフォルトに！ ⁃ Target SDK35にしていて、Android 15 [V]以上のデバイスで動か した場合、デフォルトEdge-to-Edge有効になります。 ⁃ Edge-to-Edge自体はAndroid 10 [Q] (SDK 29)から存在していて、 任意に開発者が有効にすることができました。 ⁃ Material3に対応したJetpack Compose androidx.compose.material3 を使用している場合はいい感じに対 応してくれるので、追加対応がほとんど不要。 https://developer.android.com/about/versions/15/behavior-changes-15#edge-to-edge
8. Edge-to-Edgeがデフォルトに！ ⁃ Material 3対応Jetpack Compose以外は自分で頑張りましょう。 ⁃ Android Viewも自分で頑張りましょう。
9. Sansanで実際に試してみた。 Experimented with what happens at Sansan.
10. Sansanで実際に試してみた（ログイン画面）
11. 良さそう。 It looks fine.
12. Sansanで実際に試してみた（企業詳細画面）
14. なんかめり込んでいる… Sink into the StatusBar ...
15. Sansanで実際に試してみた（商談議事録の詳細画面）
17. やはりめり込んでいる… Sink into the GestureNavigationBar ...
18. とりあえず直してみた。 First Aid.
19. 修正前後（企業詳細画面）
20. 修正前後（企業詳細画面）
21. 修正内容（Jetpack Composeでの対応） override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) // Android15未満でもEdge-to-Edgeを有効にする。 // 環境ごとにEdge-to-Edgeかどうかが異なると思わぬ体験不良が有るかも？ enableEdgeToEdge() setContent { SansanAndroidTheme { Surface( modifier = Modifier .fillMaxSize() .safeDrawingPadding() // 被らない部分に配置してくれる ) { ... } } } }
22. 修正内容（AndroidViewでの対応） override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = DataBindingUtil.setContentView(this, R.layout.xxx_activity) // Android15未満でもEdge-to-Edgeを有効にする。 enableEdgeToEdge() // 親Viewに対して、インセットの適用を行う。 // ステータスバーやナビゲーションバーの高さ分のmarginが自動的に設定される。 ViewCompat.setOnApplyWindowInsetsListener(binding.rootView) { view, windowInsets -> val insets = windowInsets.getInsets(WindowInsetsCompat.Type.systemBars()) view.updateLayoutParams<ViewGroup.MarginLayoutParams> { leftMargin = insets.left topMargin = insets.top bottomMargin = insets.bottom rightMargin = insets.right } WindowInsetsCompat.CONSUMED } }
23. ちょっとダサい部分を直す Fixing up the uncool parts.
24. 背景色が出ちゃってダサい
25. 修正内容（Jetpack Composeでの対応） Scaffold( modifier = modifier, topBar = { Column(Modifier.background(SansanColor.BackgroundGrayMainDuck)) { // ステータスバー分の余白をあけるSpacerをつける。 Spacer( modifier = Modifier.windowInsetsTopHeight( WindowInsets.statusBars ) ) CompanyDetailToolbar( … ) } }
26. 文字入力にも対応する Let's support text input.
27. 文字入力の対応前後 Screen_recording_20240723_165415.webm Screen_recording_20240723_165227.webm
28. 修正内容（AndroidViewでの対応） ViewCompat.setOnApplyWindowInsetsListener(binding.bottomContainer) { view, windowInsets -> // ナビゲーションバーに取られる高さ val insets = windowInsets.getInsets(WindowInsetsCompat.Type.navigationBars()) // IMEに取られる高さ val ime = windowInsets.getInsets(WindowInsetsCompat.Type.ime()) view.setPadding( insets.left, insets.top, insets.right, maxOf(insets.bottom, ime.bottom), // どっちかデカい方 ) WindowInsetsCompat.CONSUMED }
29. まとめ ⁃ TargetSDK 35にするとAndroid 15以降の端末でEdge-to-Edgeが強制に なる。 ⁃ M3対応JetpackComposeはよしなに対応してくれるが、M2や AndroidViewでは自分たちで頑張る必要あり。 ⁃ 背景色の違和感を減らしたり、IMEに張り付くようなレイアウトをする 時はちょっと工夫の必要あり。 ⁃ 頑張りましょう。
30. 宣伝
31. DroidKaigiの後夜祭イベントやります！