Üst uygulama çubuğu gösterme

TopAppBar bileşenini kullanarak kullanıcıların uygulamanızda gezinmesine ve işlevlere erişmesine yardımcı olmak için üst bir uygulama çubuğu oluşturun.

Sürüm uyumluluğu

Bu uygulama için projenizin minSDK değerinin API düzeyi 21 veya üstü olarak ayarlanması gerekir.

Bağımlılıklar

Üst uygulama çubuğu için bir bileşen oluşturma

Kullanıcı içerik alanında aşağı kaydırdığında daralan ve kullanıcı içeriğin üst kısmına geri kaydırdığında genişleyen bir üst uygulama çubuğu oluşturmak için MediumTopAppBar bileşenini kullanın:

Kodla ilgili önemli noktalar

  • TopBar ayarlanmış bir dış Scaffold.
  • Tek bir Text öğesinden oluşan bir başlık.
  • Tek bir işlemin tanımlandığı bir üst çubuk.
  • İşlemi gerçekleştirecek bir onClick lambda içeren IconButton işlemi.
  • Simge resmi ve içerik açıklaması metni içeren bir Icon içeren bir IconButton.
  • İskeletin iç içeriğinin kaydırma davranışı enterAlwaysScrollBehavior() olarak tanımlanır. Bu sayede kullanıcı iç içeriği yukarı çektiğinde uygulama çubuğu daraltılır, aşağı çektiğinde ise genişletilir.
  • Başlığı içeren MediumTopBar'e ek olarak şunları da kullanabilirsiniz:
    • TopAppBar: Çok fazla gezinme veya işlem gerektirmeyen ekranlar için kullanın.
    • CenterAlignedTopAppBar: Tek bir birincil işleme sahip ekranlarda kullanın.Başlık, bileşenin ortasına yerleştirilir.
    • MediumTopAppBar: Orta düzeyde gezinme ve işlem gerektiren ekranlarda kullanın.
    • LargeTopAppBar: Çok fazla gezinme ve işlem gerektiren ekranlarda kullanın. MediumTopAppBar'ten daha fazla dolgu kullanır ve başlığı ek simgelerin altına yerleştirir.

Sonuçlar

Şekil 1. Orta boy bir üst uygulama çubuğu.

Bu kılavuzu içeren koleksiyonlar

Bu kılavuz, daha geniş Android geliştirme hedeflerini kapsayan, özel olarak seçilmiş Hızlı Kılavuz koleksiyonlarından biridir:

Karmaşık kullanıcı arayüzleri oluşturmak için standartlaştırılmış bir platformu nasıl kullanacağınızı öğrenin. İskelet, kullanıcı arayüzünün farklı bölümlerini bir arada tutarak uygulamalara tutarlı bir görünüm ve tarz kazandırır.
Birleştirilebilir işlevlerin, Materyal Tasarım tasarım sistemine dayalı güzel kullanıcı arayüzü bileşenleri oluşturmanızı nasıl kolaylaştırabileceğini öğrenin.

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek kısa kılavuzlar hakkında bilgi edinebilir veya bize ulaşarak düşüncelerinizi bizimle paylaşabilirsiniz.