Durum çubuğu, başlık çubuğu ve gezinme çubuğu sistem çubuklarıdır. Pil seviyesi, saat ve bildirim uyarıları gibi önemli bilgileri gösterir ve her yerden doğrudan cihaz etkileşimi sağlar.
Düzenleri, giriş yöntemlerini veya diğer cihaz özelliklerini tasarlarken sistem çubuklarının varlığını ve belirginliğini her zaman göz önünde bulundurun.
Android becerileri
GitHub'da gösterUçtan uca ekran desteği ekleme
android skills add edge-to-edge
Çıkarımlar
Farklı ekran boyutları ve form faktörleri için düzenlerinize sistem çubuklarını dahil edin. Kullanıcı arayüzü güvenli bölgeleri, sistem etkileşimleri, giriş yöntemleri, ekran kesikleri, durum çubukları, başlık çubukları, gezinme çubukları ve diğer cihaz özelliklerini hesaba katın.
Sistem durumu ve gezinme çubuklarını şeffaf veya yarı şeffaf tutun ve uçtan uca gitmek için içeriği bu çubukların arkasına çizin.
Sistem çubuğu müdahalelerini düzgün bir şekilde yönetmek ve içeriğinizin uyarlanabilir düzenlerinizde gizlenmediğinden emin olmak için
WindowInsetskullanın.Ekran alanını verimli kullanan standart düzenleri kullanın.
Durum çubuğu
Durum çubuğunda bildirim simgeleri ve sistem simgeleri bulunur. Kullanıcı, durum çubuğunu aşağı çekerek bildirim gölgesine erişir. Durum çubuğu stilleri şeffaf veya yarı şeffaf olabilir.
Durum çubuğu simgeleri
Durum çubuğu simgeleri; bağlama, günün saatine, kullanıcı tarafından belirlenen tercihlere veya temalara ve diğer parametrelere bağlı olarak farklı görünebilir. Daha fazla bilgi için Sistem çubuğu simgeleri başlıklı makaleyi inceleyin.
Bir bildirim geldiğinde genellikle durum çubuğunda bir simge görünür. Bu, kullanıcıya bildirim çekmecesinde görülecek bir şey olduğunu bildirir. Bu, kanalınızı temsil eden uygulama simgeniz veya sembolünüz olabilir. Bildirim tasarımı bölümüne bakın.
Durum çubuğu stilini ayarlama
Uygulama içeriğinizin tüm ekranı kaplaması için durum çubuğunu şeffaf veya yarı şeffaf yapın. Ardından, sistem çubuğu simgelerinizin stilini, simgelerin uygun kontrasta sahip olacağı şekilde ayarlayın.
Android 15'te uçtan uca ekran zorunlu kılındığı için durum çubuğu varsayılan olarak şeffaf olur. Geriye dönük uyumluluk için enableEdgeToEdge() öğesini çağırın.
Aşağıdaki soldaki resimde durum çubuğu şeffaftır ve TopAppBar öğesinin yeşil arka planı durum çubuğunun arkasında çizilir.
Kullanıcı arayüzü durum çubuğunun altında görünmediğinde veya durum çubuğunun altında bir resim çizildiğinde şeffaf durum çubukları idealdir. Yarı saydam durum çubukları, kullanıcı arayüzü durum çubuğunun altında kaydırıldığında idealdir. Gradyan koruması hakkında daha fazla bilgi için Uçtan uca tasarım bölümüne bakın.
Gezinme
Android, kullanıcıların geri, ana sayfa ve genel bakış kontrollerini kullanarak gezinmeyi kontrol etmesine olanak tanır:
- Geri düğmesi, önceki görünüme döner.
- Ana sayfa, uygulamadan çıkıp cihazın ana ekranına geçiş yapar.
- Genel bakışta etkin uygulamalar ve son kapatılmamış uygulamalar gösterilir.
Kullanıcılar, hareketle gezinme ve uyarlanabilir gezinme gibi çeşitli gezinme yapılandırmaları arasından seçim yapabilir. En iyi kullanıcı deneyimini sunmak için birden fazla gezinme türünü hesaba katın.
Hareketle gezinme
Hareketle gezinme; geri, ana sayfa ve genel bakış için düğme kullanmaz. Bunun yerine, kolaylık sağlamak için tek bir hareket tutma yeri gösterir. Kullanıcılar, geri gitmek için ekranın sol veya sağ kenarından kaydırarak, ana ekrana gitmek için ise alt kısımdan yukarı kaydırarak etkileşimde bulunur. Yukarı kaydırıp basılı tuttuğunuzda genel bakış açılır.
Hareketle gezinme, mobil ve daha büyük ekranlar için tasarım yaparken daha ölçeklenebilir bir gezinme modelidir. En iyi kullanıcı deneyimini sunmak için hareketle gezinmeyi aşağıdaki şekilde hesaba katın:
- Uçtan uca içerik desteği.
- Hareketle gezinme eklerinin altına etkileşim veya dokunma hedefi eklemekten kaçının.
Daha fazla bilgi için Hareketle gezinme desteği ekleme başlıklı makaleyi inceleyin.
Uyarlanabilir gezinme
Android'deki diğer bir yaygın gezinme deseni, ekranın pencere boyutu sınıfına bağlı olarak gezinme çubuğu ile gezinme çubuğu arasında geçiş yapmaktır. Jetpack Compose'daki uyarlanabilir gezinme bileşenleri, birden fazla form faktörünü işlerken sistem çubuklarının gezinme bileşenlerinin düzenini etkilemesini de önler.
Uyumlu düzenlerde, sistem çubuklarının farklı bağlamlarda (ör. kompakt veya genişletilmiş pencere boyutları ya da farklı katlanabilir duruşlar) nasıl davranabileceğini veya farklı şekilde nasıl stillendirilebileceğini göz önünde bulundurun.
Daha fazla bilgi için Uyarlanabilir gezinme oluşturma başlıklı makaleyi inceleyin.
Gezinme simgeleri
Gezinme simgeleri, kullanıcı tarafından belirlenen tercihlere veya temalara göre de farklı görünebilir. Daha fazla bilgi için Sistem çubuğu simgeleri bölümüne bakın.
Gezinme stili ayarlama
Android, hareketle gezinme modunda ve düğme modlarında kullanıcı arayüzünün görsel korumasını yönetir. Sistem, sistem çubuklarının içeriğinin arkalarındaki içeriğe göre renk değiştirdiği dinamik renk uyarlamasını uygular.
Hareketle gezinme modu
Android 15'i hedefledikten veya Activity üzerinde enableEdgeToEdge yöntemini çağırdıktan sonra sistem, şeffaf bir hareketle gezinme çubuğu çizer ve dinamik renk uyarlaması uygular. Aşağıdaki örnekte, gezinme çubuğundaki tutma yeri açık renkli içeriğin üzerine yerleştirilirse koyu renge, koyu renkli içeriğin üzerine yerleştirilirse açık renge dönüşür.
Şeffaf hareketle gezinme çubukları her zaman önerilir.
Yapılması gerekenler
Yapılmaması gerekenler
Düğme modları
Android 15'i hedefledikten veya Activity üzerinde enableEdgeToEdge yöntemini çağırdıktan sonra sistem, düğme gezinme çubuklarının arkasına yarı saydam bir perde uygular. Bu perdeyi, Window.setNavigationBarContrastEnforced() değerini false olarak ayarlayarak kaldırabilirsiniz.
Alt uygulama çubuğu veya alt uygulama gezinme çubuğu varsa ya da kullanıcı arayüzü, üç düğmeli gezinme çubuğunun altında kaydırılmıyorsa şeffaf üç düğmeli gezinme çubukları kullanın. Şeffaf bir gezinme çubuğu elde etmek için Window.setNavigationBarContrastEnforced() değerini false olarak ayarlayın ve alt uygulama çubuklarını, şekil 7, 8 ve 9'da gösterildiği gibi sistem gezinme çubuklarının altına çizilecek şekilde doldurun. Daha fazla bilgi için Sistem çubuğu koruması bölümüne bakın.
Kaydırılan içerikler için yarı saydam üç düğmeli gezinme çubuğu kullanın. Yarı saydam gezinme çubuğuyla ilgili dikkat edilmesi gereken noktalar hakkında daha fazla bilgi için Uçtan uca tasarım başlıklı makaleyi inceleyin.
Klavye ve gezinme
Her gezinme türü, dokunmatik klavyeye uygun şekilde tepki vererek kullanıcının klavyeyi kapatma, hatta klavye türünü değiştirme gibi işlemleri yapmasına olanak tanır. Uygulamanın geçişini ekranın alt kısmından yukarı ve aşağı kayan klavyeyle senkronize eden sorunsuz bir geçiş sağlamak için WindowInsetsAnimationCompat kullanın.
Düzenler
Uyarlanabilir düzenler, kullanılabilir görüntüleme alanını optimize eder. İçeriği ikincil veya üçüncül bölmelere taşıyarak uygulama kullanıcı arayüzünü düzenlerler.
Uyarlanabilir düzenler tasarlarken sistem çubuklarının içeriğinizle nasıl etkileşim kurduğunu göz önünde bulundurun. Büyük ekranlar, katlanabilir cihazlar ve çok pencereli ve pencereli görüntüleme modlarındaki uygulama pencereleri gibi ekranlarda kullanıcı arayüzünüzün sistem çubukları tarafından engellenmediğinden emin olmak için WindowInsets kullanın.
Uygulamanız uçtan uca görüntülendiğinde içerik ve kontrollerin sistem kullanıcı arayüzü tarafından engellenmediğini doğrulayın. Örneğin, gezinme çubuğu bir düğmeyi kapatıyorsa kullanıcı düğmeyi tıklayamayabilir.
Daha fazla bilgi için Standart düzenler başlıklı makaleyi inceleyin.
Ekran kesimleri
Ekran kesmesi, bazı cihazlarda ön tarafa bakan sensörlere yer açmak için ekran yüzeyine doğru uzanan bir alandır. Ekran kesikleri, üreticiye bağlı olarak değişiklik gösterebilir. Ekran kesintilerinin içerik, yön ve uçtan uca ile nasıl etkileşime gireceğini göz önünde bulundurun.
Yoğun içerik modu
Tam ekran deneyimine ihtiyacınız olduğunda (ör. kullanıcı film izlerken) sistem çubuklarını gizleyebilirsiniz. Kullanıcı, sistem çubuklarını göstermek ve sistem kontrollerinde gezinmek veya bunlarla etkileşimde bulunmak için dokunabilmelidir. Daha fazla bilgi için Yoğun içerik ve Yoğun içerik modu için sistem çubuklarını gizleme başlıklı makaleleri inceleyin.