Laden...

Control für Darstellung von Prozentzahl in Kreis

Erstellt von R3turnz vor 7 Jahren Letzter Beitrag vor 7 Jahren 1.609 Views
R
R3turnz Themenstarter:in
125 Beiträge seit 2016
vor 7 Jahren
Control für Darstellung von Prozentzahl in Kreis

Hallo,
ich möchte eine Prozentzahl ansprechend anzeigen. Dafür habe ich mich von der vorinstallieren Wetterapp inspieren lassen. Hier werden Prozentzahlen in einem Kreis um die Zahl dargestellt. (Siehe Anhang) Wie realsiere ich soetwas?

212 Beiträge seit 2008
vor 7 Jahren

Hi,

Google mal nach WPF round progressbar.

Gruß
Christoph

R
R3turnz Themenstarter:in
125 Beiträge seit 2016
vor 7 Jahren

Ich habe mir den Usercontrol aus Th69 kopiert, und wollte nun meinen Textblock platizieren:


                <local:PercentagePresentator Grid.Row="1" StrokeThickness="10" SegmentColor="Aquamarine" Percentage="{Binding CurrentWeather.Humidity}" HorizontalAlignment="Center" Radius="25">
                    <TextBlock TextAlignment="Center" Text="{Binding CurrentWeather.Humidity, FallbackValue='-', StringFormat={}{0} %}"/>
                </local:PercentagePresentator>

Nur wird nun statt dem Kreis nur der Text angezeigt. Wie kann ich das ändern?

709 Beiträge seit 2008
vor 7 Jahren

Hi!
Du könntest beides in die gleiche Grid-Zelle packen.

<local:PercentagePresentator Grid.Row="1" StrokeThickness="10" SegmentColor="Aquamarine" Percentage="{Binding CurrentWeather.Humidity}" HorizontalAlignment="Center" Radius="25"/>
<TextBlock Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding CurrentWeather.Humidity, FallbackValue='-', StringFormat={}{0} %}"/>