如何在 GUI 上的 WPF 中像在 android 或 i-phones 上一样绘制电池电量

Question

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

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

Answer 1

我仍然认为 ProgressBar 是一个更好的方法，但如果你坚持......你可以使用 2 行的 Grid。将第二行的高度设置为“自动”，并用一个边框填充它，高度设置（或者更好的是，绑定）到你的电池电量。将整个内容包装在一个 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。你会因此而高兴得多。:)