एज-टू-एज डिसप्ले को मैन्युअल तरीके से सेट अप करें

enableEdgeToEdge को कॉल करने से, पीछे की ओर काम करने की सुविधा से जुड़ी ज़रूरी लॉजिक शामिल हो जाती है. इसलिए, एज-टू-एज डिसप्ले सेट अप करने के लिए, इस तरीके का इस्तेमाल करने का सुझाव दिया जाता है. एज-टू-एज डिसप्ले सेट अप करने के आधुनिक तरीके के बारे में जानने के लिए, इस गाइड के बजाय Compose और Views से जुड़े दस्तावेज़ पढ़ें enableEdgeToEdge.

हालांकि, हमारा सुझाव है कि एज-टू-एज डिसप्ले को मैन्युअल तरीके से सेट अप न किया जाए. हालांकि, अगर आपके ऐप्लिकेशन को ऐसा करना ही है, तो यह तरीका अपनाएं:

  1. WindowCompat.setDecorFitsSystemWindows(window, false) को कॉल करें.
  2. सिस्टम बार को पारदर्शी बनाएं.
  3. इनसेट मैनेज करें.

अपने ऐप्लिकेशन को फ़ुल स्क्रीन में लेआउट करें

अपने ऐप्लिकेशन को सिस्टम बार के पीछे लेआउट करने के लिए, WindowCompat.setDecorFitsSystemWindows(window, false) का इस्तेमाल करें. इसके लिए, यहां दिया गया कोड का उदाहरण देखें:

Kotlin

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  WindowCompat.setDecorFitsSystemWindows(window, false)
}

Java

@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  WindowCompat.setDecorFitsSystemWindows(getWindow(), false);
}

सिस्टम बार का रंग बदलना

Android 14 और इससे पुराने वर्शन के लिए, एज-टू-एज लेआउट को मैन्युअल तरीके से बनाते समय, आपके ऐप्लिकेशन को सिस्टम बार को भी पारदर्शी बनाना होगा.

स्टेटस और नेविगेशन बार का रंग पारदर्शी सेट करने के लिए, themes.xml फ़ाइल में बदलाव किया जा सकता है. साथ ही, स्टेटस बार के आइकॉन का रंग भी बदला जा सकता है.

<!-- values-v29/themes.xml -->
<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set to transparent if your app is drawing behind the status bar. -->
  <item name="android:statusBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set for a light status bar with dark content. -->
  <item name="android:windowLightStatusBar">
    true
  </item>
</style>

स्टेटस बार के कॉन्टेंट का रंग कंट्रोल करने के लिए, theme.xml के बजाय WindowInsetsControllerCompat API का इस्तेमाल किया जा सकता है. इसके लिए, setAppearanceLightNavigationBars() फ़ंक्शन का इस्तेमाल करें. साथ ही, नेविगेशन के फ़ोरग्राउंड का रंग बदलकर हल्का रंग करने के लिए, true पास करें या डिफ़ॉल्ट रंग पर वापस जाने के लिए, false पास करें.

Kotlin

val windowInsetsController =
      ViewCompat.getWindowInsetsController(window.decorView)

windowInsetsController?.isAppearanceLightNavigationBars = true

Java

WindowInsetsControllerCompat windowInsetsController =
      ViewCompat.getWindowInsetsController(getWindow().getDecorView());
if (windowInsetsController == null) {
    return;
}

windowInsetsController.setAppearanceLightNavigationBars(true);

इनसेट मैनेज करना

आखिर में, आपके ऐप्लिकेशन को इनसेट मैनेज करने होंगे, ताकि अहम यूज़र इंटरफ़ेस (यूआई) सिस्टम बार और डिसप्ले कटआउट से दूर रहे. इनसेट मैनेज करने का तरीका जानने के लिए, Compose और Views से जुड़े दस्तावेज़ पढ़ें.