如何在 GUI 上的 WPF 中绘制 android 或 i-phone 上的电池电量

Question

我想在 WPF（xaml 和 c#）中显示电池充电状态，类似于它在 android phone 上的显示方式，其中内部部分根据电池而变化图片中显示的百分比无论如何都可以在不使用进度条充当伪电池电量指示器的情况下执行此操作？

我是 WPF 的新手，我还没有为此尝试过任何代码。如果需要更多详细信息，请告诉我。我发现一些 CODE 使用 c# 实现它，但我不确定如何将它与 WPF 集成。

Answer 1

我仍然认为 ProgressBar 是更好的方法，但如果您坚持...您可以使用 2 行的 Grid。将第二行的高度设置为 "Auto" 并使用高度设置（或更好，绑定）到电池电量的边框填充它。将整个东西包裹在一个 Viewbox 中，它会自动缩放，同时仍然允许您使用设置值，即 0-100。

<Viewbox Width="200" Height="400">
    <StackPanel Orientation="Vertical">
        <Border Background="#00c000" CornerRadius="2,2,0,0" Padding="2" Width="20" Height="7" Margin="0,-2,0,-2"/>
        <Border BorderBrush="#00c000" BorderThickness="2" CornerRadius="5" Padding="2" Width="50" Height="100">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Border Height="75" Grid.Row="1" Background="#00c000" CornerRadius="2" Padding="2" />
            </Grid>
        </Border>
    </StackPanel>
</Viewbox>

结果：

但是就像我说的...使用 ProgressBar。你会因此而快乐得多。 :)

如何在 GUI 上的 WPF 中绘制 android 或 i-phone 上的电池电量

How to Draw the battery level like on android or i-phones in WPF on the GUI

c#

wpf

xaml

batterylevel