Uçtan uca ekranı manuel olarak ayarlama

Uygulamanızda uçtan uca ekranı etkinleştirebilirsiniz. Bunun için enableEdgeToEdge. Bu, çoğu uygulama için yeterli olacaktır. Bu kılavuzda, Veriye Dayalı İlişkilendirme'nin nasıl etkinleştirileceği açıklanmaktadır. uygulamanız gerekiyorsa enableEdgeToEdge kullanmadan uçtan uca kullanın.

Uygulamanızı tam ekrana yerleştirme

Uygulamanızı sistem çubuklarının arkasına yerleştirmek için aşağıdaki kod örneğinde gösterildiği gibi WindowCompat.setDecorFitsSystemWindows(window, false) kullanın:

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);
}

Sistem çubuklarının rengini değiştirme

Uçtan uca düzende çalışırken uygulamanızın renklerini değiştirmesi gerekir. altındaki içeriğin görünmesine izin vermek için sistem çubuklarının üzerine basar. Uygulamanızdan sonra Kullanıcı bu adımı gerçekleştirirse sistem, kullanıcıya ait tüm görsel korumayı uygular. arayüzün hareketle gezinme ve düğme modunda gezinmesini sağlar.

  • Hareketle gezinme modu: Sistem, dinamik renk adaptasyonunu sistem çubuklarının içeriğinin arkasındaki içeriğe göre renk değiştirdiği oluşturabilirsiniz. Aşağıdaki örnekte, gezinme çubuğundaki tutamak açık renkli içeriğin üzerindeyken koyu renge, koyu renkli içeriğin üzerindeyken ise açık renge dönüşür.
Şekil 1. Hareketle gezinmede renk değişiklikleri yatırım yapmanız önemlidir.
  • Düğme modu: Sistem yarı saydam bir resim uygular eğri (API düzeyi 29 veya üstü için) veya şeffaf bir sistem çubuğu (API düzeyi 28 veya öncesi için).
Saydam sistem çubuklarını gösteren bir resim
Şekil 2. Sistem çubuklarının arkasında yarı saydam çerçeve.
  • Durum çubuğu içerik rengi: Durum çubuğu içeriğinin rengini denetler; zaman ve simgeler olarak ayarlayın.
Durum çubuğu içerik rengini gösteren resim
Şekil 3. Durum çubuğu içerik rengi.

Gezinme çubuğunun rengini ayarlamak ve isteğe bağlı olarak durum çubuğunu şeffaf, durum çubuğu içerik rengini ise koyu olarak ayarlamak için themes.xml dosyasını düzenleyebilirsiniz.

<!-- 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>

WindowInsetsController API'sini doğrudan kullanabilirsiniz ancak mümkün olduğunda Destek Kitaplığı'nı WindowInsetsControllerCompat kullanmanızı önemle tavsiye ederiz. Bunun yerine WindowInsetsControllerCompat API'yi kullanabilirsiniz Durum çubuğunun içerik rengini kontrol etmek için theme.xml. Bunun için setAppearanceLightNavigationBars() işlevini kullanın. Gezinme menüsünün ön plan rengini açık bir renge değiştirmek için true, varsayılan renge döndürmek için false değerini iletin.

Kotlin

val windowInsetsController =
      ViewCompat.getWindowInsetsController(window.decorView)

windowInsetsController?.isAppearanceLightNavigationBars = true

Java

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

windowInsetsController.setAppearanceLightNavigationBars(true);