Bu sayfa, Cloud Translation API ile çevrilmiştir. Switch to English Android Developers Tasarım ve Plan UI Design Mobile Kılavuzlar Android sistem çubukları Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın. <img <="" şekil="" src="/static/images/design/ui/mobile/system-bars-hero.png" /> 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. Şekil 1: Sistem çubuklarının arkasındaki resimler Ç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. Şekil 2: Sistem çubuğu renklerinin, uygulamanızın gövde rengiyle eşleştiğinden emin olun Hareket eklerinin altına dokunma hareketleri veya sürükleme hedefleri eklemekten kaçının. Bunlar, uçtan uca ve hareketle gezinmeyle çakışır. Şekil 3: Sistem hareketi ekleri. Bu alanların altına dokunma hedefleri yerleştirmekten kaçının İç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. Şekil 4: Üst uygulama çubuğunun üstünde durum çubuğu bölgesi vurgulanmıştır 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. Şekil 5: Açık ve koyu temada durum çubuğu. Şekil 6: Varsayılan çubuklar (siyah) Şekil 7: Stilli çubuklar Şekil 8: Uçtan uca özelliğini kullanan şeffaf çubuklar, içeriğinizin en fazla ekran alanını kullanarak öne çıkmasını sağlamak için idealdir. Şekil 9: İçeriğinizi geliştirmek veya uygulamanızın markalamasıyla eşleşecek şekilde sistem çubuklarınızın stilini belirleyin. Sistem çubuklarını varsayılan özelliklere ayarlanmış olarak bırakmayın. 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. Şekil 10: Durum çubuğundaki bildirim simgesi 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. Şekil 11: Ekran kesimi örnekleri 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. Şekil 12: Hareket tutma yeri gezinme çubuğu Üç düğmeyle gezinme Üç düğmeyle gezinmede geri, ana sayfa ve genel bakış için üç düğme bulunur. Şekil 13: Üç düğmeli gezinme çubuğu 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. Şekil 14: İki düğmeli gezinme çubuğu 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. Şekil 15: Dinamik renk uyarlaması 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. Şekil 16: Sistem çubuklarının arkalarındaki içeriğe göre renk değiştirdiği dinamik renk uyarlama Klavye ve gezinme Şekil 17: Gezinme çubukları olan dokunmatik klavye 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 Şekil 18: Yatay yönlü bir mobil cihazda tam ekran deneyimi gösteren etkileyici mod 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.