Tutorials  /  JavaScript

Fortschrittsbalken in Android: Ein Überblick

Ccentron Redaktion · September 2024 ·3 Min. Lesezeit ·JavaScript, Tutorial

Erfahren Sie alles über die Implementierung von Fortschrittsbalken in Android-Anwendungen in unserem neuesten Blog-Beitrag! Von der Erklärung der ProgressBar-Attribute bis hin zur praktischen Umsetzung in einem Beispielprojekt – tauchen Sie ein in die Welt der Benutzerinteraktion und verbessern Sie das App-Erlebnis.

Was ist eine Android ProgressBar?

Eine Android ProgressBar ist ein grafischer Anzeigebalken, der den Fortschritt einer Aufgabe darstellt. Ein Fortschrittsbalken in Android zeigt an, wie weit eine Aufgabe fortgeschritten ist. Der Fortschrittsbalken in Android ist nützlich, da er dem Benutzer eine Vorstellung davon gibt, wann die Aufgabe abgeschlossen sein wird. Die Verwendung einer ProgressBar ist eine gute Praxis für die Benutzererfahrung, da sie den Fortschrittsstatus der jeweiligen Aufgabe (z. B. das Herunterladen eines Bildes) an den Benutzer übermittelt.

VM

Passende Infrastruktur bei centron

Node-Anwendungen wollen deployt werden: ccloud³ VMs mit vollem Root-Zugriff ab 3,12 € im Monat – oder gleich als Managed Server, wenn der Betrieb nicht bei Ihnen liegen soll. Cloud Server mieten →

Attribute der Android ProgressBar

Einige wichtige Attribute, die eine ProgressBar beschreiben, sind:

  • android:max: Legt den maximalen Wert der ProgressBar fest. Standardmäßig beträgt der maximale Wert des Fortschrittsbalkens 100.
  • android:indeterminate: Ein boolescher Wert, der angibt, ob die Zeit bestimmbar ist oder nicht. Wenn auf "false" gesetzt, wird der tatsächliche Fortschritt angezeigt; wenn auf "true" gesetzt, wird eine zyklische Animation angezeigt, die den Fortschritt anzeigt.
  • android:minHeight: Legt die Höhe der ProgressBar fest.
  • android:minWidth: Legt die Breite der ProgressBar fest.
  • android:progress: Legt die Anzahl fest, um die der Fortschrittsbalkenwert erhöht werden soll.
  • style: Standardmäßig wird die ProgressBar als drehendes Rad angezeigt. Wenn wir sie als horizontalen Balken anzeigen möchten, müssen wir das Attribut wie folgt setzen: style="?android:attr/progressBarStyleHorizontal"

Struktur des Beispielprojekts der Android ProgressBar

Dieses Projekt besteht aus einer einzigen Aktivität und einem Layout, das beide Arten von Fortschrittsbalken enthält.

Quellcode der Android ProgressBar

Die activity_main.xml enthält ein RelativeLayout als übergeordneten View, das sowohl einen horizontalen Fortschrittsbalken als auch einen kreisförmigen Fortschrittsbalken sowie eine TextView zur Anzeige des Fortschritts in numerischer Form enthält.

Code
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <!-- Horizontaler Fortschrittsbalken -->
    <ProgressBar
        android:id="@+id/horizontalProgressBar"
       
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="0"
        android:layout_centerInParent="true"
        android:layout_marginBottom="16dp" />

    <!-- Kreisförmiger Fortschrittsbalken -->
    <ProgressBar
        android:id="@+id/circularProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/horizontalProgressBar"
        android:layout_centerHorizontal="true"
        android:indeterminate="true"
        android:layout_marginTop="16dp" />

    <!-- TextView zur Anzeige des Fortschritts -->
    <TextView
        android:id="@+id/progressTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/circularProgressBar"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp"
        android:text="Fortschritt: 0%" />

</RelativeLayout>

Der Fortschrittsbalken wird in der MainActivity.java mithilfe von setProgress() aktualisiert. Ein Handler wird verwendet, um den Hintergrundthread auszuführen, der fortgesetzt wird, bis der Fortschrittsstatuswert 100 erreicht.

Fazit

Die Implementierung eines Fortschrittsbalkens in Android kann die Benutzererfahrung verbessern, indem eine visuelle Anzeige des Fortschritts einer Aufgabe bereitgestellt wird. Durch das Verständnis der verschiedenen Attribute und Methoden der ProgressBar können Entwickler eine benutzerfreundliche Oberfläche gestalten, die den Fortschritt klar und ansprechend darstellt.

Jetzt 200 € Guthaben sichern

Testen Sie Ihr Setup auf ccloud³

Registrieren Sie sich in der ccloud³ und erhalten Sie 200 € Startguthaben für Ihr Projekt – z. B. für eine PostgreSQL-VM mit automatischen Backups.

centron Redaktion Technische Redaktion

Das Redaktionsteam von centron schreibt Anleitungen aus dem Betriebsalltag: getestet auf unserer eigenen Plattform, betrieben im Rechenzentrum in Hallstadt bei Bamberg.

Kategorie JavaScript
Teilen
Noch offene Fragen?

Our team will help you with your specific setup - in German or English, by people who run the platform themselves.

War dieses Tutorial hilfreich?

Your answer is stored anonymously and helps us improve our tutorials.

Kommentare

No comments yet - be the first to ask a question about this tutorial.

Sign in to comment

Comments are open to centron customers. Sign in to your account to ask a question about this tutorial.

Weiterlesen

Das könnte Sie auch interessieren

Jetzt kostenlos anfangen

Melden Sie sich an und erhalten Sie in den ersten 60 Tagen ein Guthaben von 200 € bei centron.

Dieses Werbeangebot gilt nur für neue Konten. Angebot ausschließlich für Gewerbetreibende.

Jetzt loslegen Sales kontaktieren