Comment implémenter la barre de progression dans Android

Dans le développement d'applications Android, il existe deux manières principales d'implémenter des barres de progression : en utilisant le contrôle ProgressBar fourni par le système et en personnalisant l'affichage de la barre de progression. Le contrôle ProgressBar est simple et facile à utiliser et adapté à la plupart des scénarios ; la barre de progression personnalisée est plus flexible et peut obtenir des effets visuels personnalisés. L'éditeur de Downcodes expliquera en détail comment utiliser le contrôle ProgressBar et comment personnaliser la vue de la barre de progression, et présentera le mécanisme de surveillance des mises à jour de progression pour aider les développeurs à mieux maîtriser les compétences de développement des barres de progression Android.

Dans le développement d'applications Android, il existe deux manières principales d'implémenter des barres de progression : en utilisant le contrôle ProgressBar et en personnalisant l'affichage de la barre de progression. Le contrôle ProgressBar est un composant fourni par Android pour afficher les informations de progression. Il peut afficher la progression actuelle de l'opération grâce à une configuration simple de la mise en page et au contrôle du code. La barre de progression personnalisée permet aux développeurs de concevoir de manière plus flexible le style et le comportement de l'affichage de la progression, ce qui convient aux scénarios nécessitant des effets visuels spéciaux.

Ensuite, nous présenterons en détail comment utiliser le contrôle ProgressBar pour implémenter une barre de progression. Cette méthode est le moyen le plus direct et le plus courant d'implémenter une barre de progression. Le contrôle ProgressBar prend en charge deux modes : le mode déterminé (déterminé) et le mode indéterminé (indéterminé). En mode détermination, la barre de progression affichera la progression correspondante en fonction de l'évolution de la valeur de progression, qui est généralement utilisée pour afficher le pourcentage d'achèvement d'une opération. En mode indéterminé, la barre de progression continuera à s'animer et est généralement utilisée pour indiquer les opérations en cours, mais ne parvient pas à indiquer clairement le pourcentage d'achèvement.

1. Utilisez ProgressBar pour implémenter la barre de progression

Utiliser ProgressBar en mode OK

Définissez ProgressBar dans le fichier de mise en page. Vous pouvez définir l'attribut de style sur @android:style/Widget.ProgressBar.Horizontal pour afficher la barre de progression dans un style horizontal, puis contrôler la progression de la barre de progression via le code dans l'activité.

Fichier de mise en page (activity_mAIn.xml) :

android:id=@+id/progressBar

android:layout_width=match_parent

android:layout_height=wrap_content

style=@android:style/Widget.ProgressBar.Horizontal

Android : progrès = 25

/>

Utilisation en activité :

la classe publique MainActivity étend AppCompatActivity {

@Outrepasser

protected void onCreate (Bundle saveInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ProgressBar progressBar = findViewById(R.id.progressBar);

progressBar.setProgress(50); //Définir la progression à 50 %

}

}

Utiliser ProgressBar en mode indéterminé

Semblable au mode déterminé, ProgressBar est défini dans le fichier de mise en page mais n'a pas besoin de spécifier l'attribut de style. ProgressBar est en mode indéterminé par défaut.

android:id=@+id/progressBar2

android:layout_width=wrap_content

android:layout_height=wrap_content

/>

Dans Activité, vous pouvez contrôler son affichage ou son masquage pour indiquer qu'une opération est en cours :

ProgressBar progressBar2 = findViewById(R.id.progressBar2);

// Afficher la barre de progression du mode indéterminé

progressBar2.setVisibility(View.VISIBLE);

//Masquer la barre de progression une fois une opération terminée

progressBar2.setVisibility(View.GONE);

2. Personnalisez la vue de la barre de progression

Les barres de progression personnalisées vous permettent de contrôler entièrement la méthode de dessin et le comportement de la barre de progression en héritant de la classe View et en remplaçant la méthode onDraw(). Vous pouvez dessiner un cercle, une ligne ou toute autre forme de la barre de progression selon vos besoins, et vous pouvez personnaliser sa couleur, son animation, etc.

Créer une classe de barre de progression personnalisée

Créez d'abord une classe qui hérite de View, définissez les propriétés de la barre de progression telles que la couleur, la progression, etc., et dessinez la barre de progression en fonction de ces propriétés dans la méthode onDraw().

la classe publique CustomProgressBar étend la vue {

peinture de peinture privée;

progression int privée = 0 ;

public CustomProgressBar (contexte de contexte, attributs AttributeSet) {

super(contexte, attributs);

peinture = nouveau Peinture();

paint.setColor(Couleur.BLUE);

}

@Outrepasser

protected void onDraw (Toile en toile) {

super.onDraw(toile);

//Dessinez ici une barre de progression en fonction de la progression

}

public void setProgress(int progression) {

this.progress = progrès ;

invalidate(); // Notifie la vue à redessiner

}

}

Utiliser la barre de progression personnalisée dans la mise en page

Utilisez un contrôle de barre de progression personnalisé dans le fichier de mise en page et définissez la progression dans le code.

android:id=@+id/customProgressBar

android:layout_width=match_parent

android:layout_height=wrap_content

/>

Contrôler la progression de l'activité :

CustomProgressBar customProgressBar = findViewById(R.id.customProgressBar);

customProgressBar.setProgress(75); //Définit la progression de la barre de progression personnalisée à 75 %

3. Suivi des mises à jour des progrès

Que vous utilisiez le contrôle ProgressBar ou une barre de progression personnalisée, vous pouvez implémenter un mécanisme de surveillance des mises à jour de progression. Cela vous permet d'effectuer des opérations spécifiques lorsque la progression change, comme afficher ou masquer certaines vues, ou mettre à jour des informations textuelles, etc.

Configurer un écouteur pour ProgressBar

Bien que ProgressBar ne dispose pas de méthode directe pour définir un écouteur pour les modifications de progression, l'effet d'écoute peut être obtenu indirectement en ajoutant du code avant et après la définition de la progression.

// Supposons qu'il s'agisse d'un scénario de téléchargement de fichiers

ProgressBar progressBar = findViewById(R.id.progressBar);

int progression actuelle = 0 ;

//Mise à jour de la progression du téléchargement du fichier

progression actuelle += 10 ;

progressBar.setProgress(currentProgress);

//Effectuez ici les opérations correspondantes en fonction de la valeur de currentProgress

Suivi de la progression de la barre de progression personnalisée

Dans la mise en œuvre d'une barre de progression personnalisée, vous pouvez ajouter directement la logique de surveillance des changements de progression dans la méthode de définition de la progression.

public void setProgress(int progression) {

this.progress = progrès ;

invalidate(); // Notifie la vue à redessiner

if (this.progressListener != null) {

this.progressListener.onProgressUpdate(progress);

}

}

De cette manière, l'implémentation d'une barre de progression dans une application peut non seulement montrer à l'utilisateur la progression de l'opération, mais également exécuter la logique métier correspondante basée sur la progression, améliorant ainsi l'expérience utilisateur.

FAQ connexes :

Question : Comment ajouter un composant de barre de progression dans Android ?

Réponse : Pour implémenter une barre de progression dans votre application Android, vous pouvez suivre ces étapes :

Ajoutez le composant ProgressBar dans le fichier de présentation XML : Dans le fichier de présentation d'interface qui doit afficher la barre de progression, utilisez le composant ProgressBar pour la définir. Vous pouvez choisir un style horizontal ou circulaire. Obtenir l'instance ProgressBar en code Java : Selon l'identifiant ProgressBar, utilisez la méthode findViewById dans le code Activity ou Fragment pour obtenir l'instance ProgressBar. Définir les propriétés et le style de la barre de progression : utilisez la méthode ProgressBar pour définir la valeur maximale, la valeur actuelle, le style, la couleur et d'autres propriétés de la barre de progression. Mettre à jour la progression de la barre de progression : utilisez la méthode ProgressBar pour mettre à jour dynamiquement la valeur actuelle de la barre de progression, ce qui peut être effectué en fonction des besoins spécifiques de l'entreprise.

Q : Comment implémenter l'animation de la barre de progression dans Android ?

Réponse : Pour obtenir l'effet d'animation de la barre de progression, vous pouvez essayer les méthodes suivantes :

Utiliser l'animation d'image : créez un dossier Drawable, concevez-y une série d'images image par image et combinez-les dans une ressource d'animation d'image. Définissez ensuite la ressource d'animation dans le composant ProgressBar. Utiliser l'animation de propriété : implémentez l'animation de propriété via la classe ValueAnimator, définissez la propriété de valeur actuelle de ProgressBar dans le code Java et utilisez ValueAnimator pour obtenir une transition d'animation fluide. Effet de dessin de la barre de progression personnalisé : personnalisez l'effet de dessin de la barre de progression en personnalisant la classe View, par exemple en utilisant Canvas pour dessiner différentes formes, couleurs et styles en fonction de la valeur de progression actuelle.

Question : Comment implémenter différents styles de barres de progression dans Android ?

Réponse : Pour implémenter différents styles de barres de progression, vous pouvez envisager les deux méthodes suivantes :

Utilisez différents composants ProgressBar : Android fournit une variété de composants de barre de progression, couvrant différents styles tels que horizontal, circulaire, circulaire et incertain. Vous pouvez choisir le composant ProgressBar approprié en fonction de vos besoins. Style de barre de progression personnalisé : en personnalisant la classe View, vous pouvez utiliser Canvas pour dessiner en fonction de besoins spécifiques afin d'obtenir un style de barre de progression unique. Vous pouvez concevoir vous-même la forme, la couleur, les effets d'animation, etc. de la barre de progression pour répondre à vos besoins personnalisés.

J'espère que ce tutoriel pourra vous aider à mieux comprendre et utiliser la barre de progression sous Android. L'éditeur de Downcodes continuera à vous apporter davantage de compétences en développement Android et de partage d'expériences, alors restez à l'écoute !