Laden...

Control für Darstellung von Prozentzahl in Kreis

Letzter Beitrag vor 8 Jahren 5 Posts 1.662 Views
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?

Hi,

Google mal nach WPF round progressbar.

Gruß
Christoph

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?

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} %}"/>