# Android 35でのエッジ・トゥ・エッジ対応問題を解決する方法

## 目次
1. イントロダクション
2. Edge-to-Edgeレイアウトとは
3. Android 35での課題
4. Stripe SDKのエッジ・トゥ・エッジ対応
    1. エッジ・トゥ・エッジの実装
    2. UIの調整方法
5. コード例と技術的解決策
6. まとめ

## 1. イントロダクション
最近、多くのAndroidアプリがエッジ・トゥ・エッジのデザインを採用しています。しかし、Android 35において、Stripe SDKがエッジ・トゥ・エッジでのUIを完全にサポートしていない問題が報告されています。このガイドでは、この課題を解決するための方法を解説します。

## 2. Edge-to-Edgeレイアウトとは
エッジ・トゥ・エッジレイアウトは、アプリのUIをデバイスの全画面にわたって表示するデザインスタイルです。このスタイルは、アプリの内容が通知バーやナビゲーションバーの下に表示されることで、よりビジュアルに豊かな体験を提供します。

## 3. Android 35での課題
Android 35を`targetSdk`および`compileSdk`に設定したプロジェクトでは、Stripe SDKによる`Activity`がエッジ・トゥ・エッジレイアウトを完全にサポートしていないため、UIが不適切に表示されてしまいます。

## 4. Stripe SDKのエッジ・トゥ・エッジ対応

### 4.1 エッジ・トゥ・エッジの実装
Stripe SDKを使用している場合、SDK内の`Activity`がエッジ・トゥ・エッジをサポートするために以下の変更を行います。

```kotlin
window.apply {
    decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
                                    View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
                                    View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
}
```
このコードを各`Activity`の`onCreate`メソッド内に追加することで、システムバーの領域を含めた全画面表示を行います。

### 4.2 UIの調整方法
エッジ・トゥ・エッジ対応の表示では、マージンやパディングの調整が必要です。そのため、`Insets` APIを用いて、システムバー領域に合わせて表示内容を調整します。

```kotlin
ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.root_view)) { view, insets ->
    val params = view.layoutParams as ViewGroup.MarginLayoutParams
    params.setMargins(
        insets.systemWindowInsetLeft,
        insets.systemWindowInsetTop,
        insets.systemWindowInsetRight,
        insets.systemWindowInsetBottom
    )
    insets.consumeSystemWindowInsets()
}
```

## 5. コード例と技術的解決策
ここでは、実際のコード例を用いて解決策を具体的に示します。`PaymentAuthWebViewActivity`をエッジ・トゥ・エッジで表示するための例を挙げます。

```kotlin
class PaymentAuthWebViewActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_payment_auth_web_view)

        window.apply {
            decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
                                            View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
                                            View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
        }

        supportActionBar?.hide()

        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.web_view_container)) { view, insets ->
            val params = view.layoutParams as ViewGroup.MarginLayoutParams
            params.setMargins(
                insets.systemWindowInsetLeft,
                insets.systemWindowInsetTop,
                insets.systemWindowInsetRight,
                insets.systemWindowInsetBottom
            )
            insets.consumeSystemWindowInsets()
        }
    }
}
```

## 6. まとめ
Android 35でエッジ・トゥ・エッジを適切にサポートするためには、各`Activity`でシステムバーの考慮を行い、`Insets` APIを通じてUI全体の調整を行うことが必要です。Stripe SDKを使用しているプロジェクトでも、手動で必要な変更を加えることで、完全なエッジ・トゥ・エッジエクスペリエンスを提供できるようになります。

[cvs:issue_marketplace_engineer] [cv:issue_marketplace_engineer]

Android 35でのエッジ・トゥ・エッジ対応問題を解決する方法

目次

1. イントロダクション

続きを読むには単価診断を受けてください（30秒）