web-dev-qa-db-fra.com

Contrôle personnalisé C # (barre de progression du cercle) Xamarin Forms

Je souhaite connaître le meilleur moyen de créer une image similaire à cette image avec Xamarin Forms:

 enter image description here

Je n'ai jamais créé quelque chose comme ça. Je sais comment utiliser la barre de progression, mais pas une "barre de progression du cercle"

Merci pour votre aide et pour vos conseils.

EDIT: Si vous avez un plugin/nuget pour le faire, c'est cool, mais j'aimerais savoir comment le faire moi-même. Je n'ai jamais fait quelque chose comme ça.

8
user4071320

Vous pouvez y parvenir en utilisant le moteur de rendu personnalisé.

James Montemagno de Xamarin a un bon guide sur la création d’une barre de progression circulaire personnalisée.

https://blog.xamarin.com/using-custom-controls-in-xamarin-forms-on-Android/

La documentation officielle sur les moteurs de rendu personnalisés Xamarin.Forms est disponible à l’adresse https://developer.xamarin.com/guides/xamarin-forms/custom-renderer/

2
Abdul Muhaymin

J'ai trouvé cet article avoir la meilleure solution à ce jour pour une "barre de progression du cercle" de Xamarin Forms. Fondamentalement, vous utilisez deux images en demi-cercle et vous les faites pivoter en fonction des progrès réalisés, ce qui, à mon avis, est une solution vraiment créative et élégante. Aucun rendu personnalisé nécessaire!

1
WMartin

J'ai essayé de trouver une bibliothèque pour Xamarin Forms, mais je n'ai trouvé aucune bibliothèque prenant en charge Android et iOS. De plus, il n’ya pas beaucoup de choix entre différents types d’indicateurs de progrès. J'ai fini par créer mon propre widget d'indicateur de progression radial personnalisé dans Xamarin Forms en utilisant SkiaSharp qui prenait en charge Android et iOS.

Lien vers le tutoriel: https://medium.com/@kpshinde25/custom-radial-progress-indicator-in-xamarin-forms-c7ed81840c1e

Vous pouvez modifier le code pour avoir un cercle, des indicateurs multi-cercles, etc. selon vos besoins.

1
KPS250

Mon compte à rebours est un exemple Xamarin.Forms qui montre comment créer une interface utilisateur de qualité avec Xamarin.Forms. Cet exemple est basé sur le compte à rebours conçu par Victoria Sgarro.

Ici vous allez: https://github.com/jsuarezruiz/MyTripCountdown enter image description here

0
Nick Kovalsky