c# - iPhone 喜欢 WPF 项目中的红色徽章通知？

Question

我有一个自动生成每日和每周报告的 C# WPF 项目。我想在有新报告可用时通知用户，所以我想到了像 iPhone 上的徽章，其中新消息的数量显示在一个小红圈上:

我想到了三张图片: 如果要显示的数字很小，两张左右各有半圆的图片。中间的第三张图片用于数字较大 (123) 且不适合圆圈的情况。

我想要一个有光泽的效果，所以我想到了图片。有谁知道如何在没有图片的情况下以编程方式做到这一点？

Answer 1

使用Border 元素并将您的文本放在其中。您可以适本地设置 Border 的 CornerRadius 属性，使其看起来像一个圆(或圆角矩形，以防数字更大)。

这是第一次切割，它利用了 CornerRadius 将分别在 Y 和 X 方向被限制为高度或宽度的一半这一事实:

 <Border Background="Red" CornerRadius="999" Padding="4">
    <TextBlock Foreground="White" FontWeight="Bold" FontSize="12">125</TextBlock>
 </Border>