İlerleme göstergesi oluşturma

İlerleme durumu göstergeleri, bir işlemin durumunu görsel olarak gösterir. Veri yükleme veya işleme gibi işlemlerin ne kadar tamamlandığını kullanıcının dikkatine sunmak için hareket kullanılır. Ayrıca, işlemin tamamlanmaya ne kadar yakın olduğuna dair bilgi vermeden işlemin devam ettiğini de belirtebilirler.

İlerleme göstergesi kullanabileceğiniz üç kullanım alanını göz önünde bulundurun:

  • İçerik yükleme: Bir ağdan içerik getirirken (ör. kullanıcı profili için bir resim veya veri yükleme)
  • Dosya yükleme: Yüklemenin ne kadar sürebileceği konusunda kullanıcıya geri bildirim verin.
  • Uzun işleme: Bir uygulama büyük miktarda veri işlerken kullanıcıya toplam işleme süresinin ne kadarının tamamlandığını bildirin.

Materyal Tasarım'da iki tür ilerleme durumu göstergesi vardır:

  • Belirle: Tam olarak ne kadar ilerleme kaydedildiğini gösterir.
  • Belirsiz: İlerleme durumuna bakılmaksızın sürekli animasyon oynatılır.

Benzer şekilde, ilerleme göstergesi aşağıdaki iki biçimden birinde olabilir:

  • Doğrusal: Soldan sağa doğru doldurulan yatay bir çubuk.
  • Dairesel: Kalınlığı, dairenin tüm çevresini kaplayacak şekilde büyüyen bir daire.

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

Belirli göstergeler oluşturma

Belirleyici gösterge, bir işlemin ne kadar tamamlandığını tam olarak yansıtır. LinearProgressIndicator veya CircularProgressIndicator bileşenlerini kullanın ve progress parametresi için bir değer iletin.

Aşağıdaki snippet'te nispeten ayrıntılı bir örnek verilmiştir. Kullanıcı düğmeye bastığında uygulama hem ilerleme göstergesini gösterir hem de progress değerini kademeli olarak artıran bir iş parçacığı başlatır. Bu, ilerleme göstergesinin sırayla yukarı doğru iterasyonuna neden olur.

Sonuçlar

Yükleme kısmen tamamlandığında, önceki örnekteki doğrusal gösterge aşağıdaki gibi görünür:

Benzer şekilde, dairesel gösterge aşağıdaki gibi görünür:

Belirsiz göstergeler oluşturma

Belirsiz gösterge, bir işlemin tamamlanmaya ne kadar yakın olduğunu yansıtmaz. Bunun yerine, işleme devam ettiğini kullanıcıya belirtmek için hareketi kullanır ancak tamamlanma derecesini belirtmez.

Belirsiz bir ilerleme göstergesi oluşturmak için LinearProgressIndicator veya CircularProgressIndicator bileşenini kullanın ancak progress için bir değer iletmeyin. Aşağıdaki örnekte, belirsiz bir göstergeyi düğmeye basarak nasıl değiştirebileceğiniz gösterilmektedir.

Sonuçlar

Aşağıda, gösterge etkinken bu uygulamaya dair bir örnek verilmiştir:

Aşağıda, aynı uygulamanın CircularProgressIndicator yerine LinearProgressIndicator kullanıldığı bir örnek verilmiştir.

Önemli noktalar

Material Design ile tutarlı ilerleme göstergeleri oluşturmak için kullanabileceğiniz çeşitli bileşenler olsa da bunların parametreleri birbirinden çok farklı değildir. Aklınızda tutmanız gereken önemli parametreler şunlardır:

  • progress: Göstergenin gösterdiği mevcut ilerleme. 0.0 ile 1.0 arasında bir Float gönderin.
  • color: Göstergenin rengidir. Yani bileşenin ilerlemeyi yansıtan ve ilerleme tamamlandığında bileşeni tamamen kaplayan kısmıdır.
  • trackColor: Göstergenin çizildiği kanalın rengi.

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:

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.
Listeler ve ızgaralar, uygulamanızın koleksiyonları kullanıcıların kolayca kullanabileceği, görsel açıdan hoş bir biçimde göstermesine olanak tanır.

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.