Android sistem çubukları

Durum çubuğu ve gezinme çubuğu birlikte sistem çubukları olarak adlandırılır. Pil seviyesi, saat ve bildirim uyarıları gibi önemli bilgileri gösterirler ve dilediğiniz yerden doğrudan cihaz etkileşimi sağlarlar.

İster Android OS ile etkileşimler, ister giriş yöntemleri veya diğer cihaz özellikleriyle etkileşim için kullanıcı arayüzü tasarlıyor olun, sistem çubuklarının belirginliğini dikkate almak çok önemlidir. Sistem çubuklarını, fark ettiklerinden emin olmak için çoğu katmanın üstünde tutun.

Çalmalar

• Kullanıcı arayüzü güvenli bölgeleri, sistem etkileşimleri, giriş yöntemleri, ekran kesitleri ve diğer cihaz özelliklerini hesaba katmak için tasarımlarınıza sistem çubukları ekleyin. Sistem çubuklarını, hesaba katılabilmeleri için en üst katmanda tutun.

• Yapılması gereken: Sistem çubuklarını şeffaf hale getirin ve uygulamanızı tam ekranda yerleştirin. Uçtan uca deneyim sunmak için kullanıcı arayüzünü çubukların altında devam ettirin.

• Her iki çubuğu da şeffaf olacak şekilde ayarlayamıyorsanız çubukların renklerinin uygulamanızın gövde rengiyle eşleştiğinden emin olun. Örneğin, alt gezinme çubuğu rengini hareket çubuğu rengi ve üst durum çubuğu rengini gövde rengiyle eşleştirin.

  

• Hareket eklerinin altına dokunma hareketleri veya sürükleme hedefleri eklemekten kaçının. Bunlar, uçtan uca ve hareketle gezinmeyle çakışır.

  

İçeriğinizi sistem çubuklarının arkasına çizin

Uçtan uca özelliği, Android'in daha etkileyici bir deneyim için kullanıcı arayüzünü sistem çubuklarının altına çizmesine olanak tanır. Gezinme çubuğunu şeffaf hale getirmek kullanıcılar tarafından yaygın olarak yapılan bir istek olduğundan, uçtan uca kullanmanızı öneririz. (Uçtan uca destek verme hakkında bilgi edinin).

Bir uygulama, içelere tepki vererek içerikteki çakışmaları giderebilir. Eklerde, uygulamanızın içeriğinin gezinme çubuğu veya durum çubuğu gibi Android OS kullanıcı arayüzü bölümleriyle ya da ekran kesimleri gibi fiziksel cihaz özellikleriyle çakışmaması için ne kadar doldurulması gerektiğini açıklar.

Uçtan uca kullanım alanları için tasarım yaparken aşağıdaki ek parçalara dikkat edin:

• Sistem çubuğu ekleri, hem dokunulabilen hem de sistem çubukları tarafından görsel olarak engellenmemesi gereken kullanıcı arayüzü için geçerlidir.
• Sistem hareket ekleri, sistem tarafından kullanılan ve uygulamanızdan öncelikli olan hareketle gezinme alanlarına uygulanır.

Durum çubuğu

Android'de durum çubuğu, bildirim simgelerini ve sistem simgelerini içerir. Kullanıcı, durum çubuğunu aşağı çekerek bildirim gölgesine erişmek için bu çubukla etkileşime girer.

Durum çubuğu; bağlam, günün saati, kullanıcı tarafından belirlenen tercihler veya temalar ve diğer parametrelere bağlı olarak farklı şekilde görünebilir. Durum çubuğu stilini de aşağıdaki örneklerde olduğu gibi ayarlayabilirsiniz.

Bir bildirim geldiğinde, genellikle durum çubuğunda bir simge görünür. Bu, kullanıcıya bildirim çekmecesinde bir şeyler olduğunu gösterir. Bu, kanalınızı temsil eden uygulama simgeniz veya simgeniz olabilir. Bildirim tasarımı bölümüne bakın.

Durum çubuğu stilini ayarlama

Durum çubuğu arka planını uygulama temanızın bir parçası olarak, şeffaflığı ve opaklığı ayarlamanın yanı sıra özel bir renk veya stille değiştirin.

<style name="Theme.MyApp">
  <item name="android:statusBarColor">
    @android:color/transparent
  </item>
</style>

Arka plan rengini manuel olarak ayarlıyorsanız isteğe bağlı olarak, optimum kontrast için durum çubuğu içeriğini açık veya koyu olarak biçimlendirebilirsiniz.

Ekran kesimleri ve durum çubuğu

Bazı cihazlarda ekran kesimi, öne bakan sensörler için alan sağlamak için görüntü yüzeyine uzanan bir alandır. Durum çubuklarının görünümünü etkileyebilir. Ekran kesimleri üreticiye bağlı olarak değişiklik gösterebilir.

Ekran kesimlerini nasıl destekleyeceğinizi öğrenin.

Gezinme çubuğu

Android, kullanıcıların geri, ana sayfa ve genel bakış kontrollerini kullanarak gezinmeyi denetlemesine olanak tanır:

• Geri, doğrudan önceki görünüme geri döner.
• Ana ekran, uygulamadan çıkıp cihazın ana ekranına geçiş yapar.
• Genel bakış bölümünde uygulamaların açık ve yakın zamanda açıldığı gösterilir.

Kullanıcılar, hareketle gezinme (önerilir) ve üç düğmeyle gezinme gibi çeşitli gezinme çubuğu yapılandırmalarından birini seçebilir.

Hareketle gezinme

Android 10'da (API düzeyi 29) sunulan hareketle gezinme, önerilen gezinme türüdür ancak kullanıcının tercihini geçersiz kılamazsınız. Hareketle gezinmede geri, ana sayfa ve genel bakış düğmeleri kullanılmaz. Bunun yerine, kolaylık sağlamak için tek bir hareket tutma yeri gösterilir. Kullanıcılar ana ekrana gitmek için ekranın sol veya sağ kenarından alttan ileri ve yukarı gitmek üzere kaydırarak etkileşimde bulunurlar. Ekranı kaydırıp basılı tuttuğunuzda genel bakış açılır.

Hareketle gezinme, mobil ve büyük ekranlarda tasarım yapmak için daha ölçeklenebilir bir gezinme kalıbıdır. En iyi kullanıcı deneyimini sunmak için hareketle gezinmeyi şu şekilde hesaba katın:

• Uçtan uca içeriği destekleme.
• Hareketle gezinme eklerinin altına etkileşim veya dokunma hedefi eklemekten kaçının.

Hareketle gezinmeyi uygulama hakkında bilgi edinin.

Üç düğmeyle gezinme

Üç düğmeyle gezinmede geri, ana sayfa ve genel bakış için üç düğme bulunur.

Diğer gezinme çubuğu varyasyonları

Android sürümüne ve cihaza bağlı olarak, kullanıcılarınız başka gezinme çubuğu yapılandırmaları kullanabilir. Örneğin, iki düğmeli gezinme, ana ekran ve geri için iki düğme sağlar.

Gezinme stili ayarlayın

Aşağıdaki örnekte gezinme stilinin nasıl uygulanacağı gösterilmektedir.

<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
    @android:color/transparent
  </item>
</style>

Android, kullanıcı arayüzünün tüm görsel koruma özelliklerini hareketle gezinme modunda veya düğme modlarında işler.

• Hareketle gezinme modu: Sistem, dinamik renk uyarlamasını uygular. Bu durumda, sistem çubuklarının içerikleri, arkalarındaki içeriğe göre renk değiştirir. Aşağıdaki örnekte, gezinme çubuğundaki tutma yeri açık renkli içeriğin üzerine yerleştirilmişse koyu renkle, açık renkli içeriğin üzerine yerleştirilmiş tutma yerinin rengi ise koyu renge döner.

  

• Düğme modları: Sistem, sistem çubuklarının (API seviyesi 29 veya üstü için) veya şeffaf bir sistem çubuğu (API seviyesi 28 veya altı için) arkasına yarı saydam bir ekran kaplama uygular.

  

Klavye ve gezinme

Her gezinme türü, kullanıcının klavyeyi kapatma ve hatta klavye türünü değiştirme gibi işlemleri gerçekleştirmesine izin vermek için dokunmatik klavyeye uygun şekilde tepki verir. Klavye geçişini sorunsuz bir şekilde sağlamak için klavyenin ekranın altından yukarı ve aşağı kaymasıyla uygulama geçişini senkronize eden sorunsuz bir geçiş sağlamak için WindowInsetsAnimationCompat kullanın.

Yoğun içerik modu

Tam ekran deneyimine ihtiyacınız olduğunda (örneğin, kullanıcı film izlerken) sistem çubuklarını gizleyebilirsiniz. Kullanıcı, sistem kontrollerinde gezinmek veya sistem kontrolleriyle etkileşimde bulunmak amacıyla sistem çubuklarını ve kullanıcı arayüzünü görüntülemek için dokunabilmelidir. Tam ekran modları için tasarım yapma hakkında daha fazla bilgi edinin veya Yoğun içerik modu için sistem çubuklarını gizleme hakkında bilgi edinin.