wpf - WPF - 使用标准按钮创建带有向上和向下箭头的按钮

Question

我想使用标准按钮背景创建一些向上和向下按钮，但带有黑色箭头。

使用 WPF 完成此任务的最佳方法是什么？

马尔科姆

Answer 1

我发现 Marlett（Windows 中内置的一种字体）对这类事情很方便。

<Button FontFamily="Marlett" FontSize="20" Content="5"/>
<Button FontFamily="Marlett" FontSize="20" Content="6"/>

输出：

Answer 2

如果不提及几何迷你语言（或路径标记语法）以获得更紧凑的形状定义，任何关于此主题的讨论都是不完整的：-

  <Button>
    <Path Fill="Black" Data="M 0 6 L 12 6 L 6 0 Z"/>
  </Button>
  <Button>
    <Path Fill="Black" Data="M 0 0 L 6 6 L 12 0 Z"/>
  </Button>

第一个描述移动到 0,6 线到 12,6 线到 6,0，然后关闭形状 (Z)。

还有一个曲线语法。

Answer 3

现在首选的方法是使用Segoe UI Symbol。它取代了 Marlett 并提供了许多有用的字形。上下将是

<Button FontFamily="Segoe UI Symbol" Content="&#xE1FD;"/>    
<Button FontFamily="Segoe UI Symbol" Content="&#xE110;"/>

呈现为：

此字体预装在所有版本的 Windows 7+ 上。

Answer 4

您可以创建一个Polygon代表您的上下三角形，然后将它们设置为按钮的内容：

<Button>
  <Polygon 
    Points="300,200 450,200 375,300 300,200"
    Stroke="Black">
    <Polygon.Fill>
      <SolidColorBrush Color="Black" />
    </Polygon.Fill>
  </Polygon>
</Button>

您可以调整这些以绘制不同的图形，但这通常是您将用于基本几何图形的 XAML。

Answer 5

如果您想要一个带有基本矩形的箭头，您可以使用此示例...

<Button >
   <Polygon   Stretch="Fill"  Fill="Black" Points="0,0 0,30 0,10 30,10 30,-10 45,10 30,30 30,20 0,20 0,0 30,0 30,10 0,10" />
</Button>