WPF - Crear botones con flechas hacia arriba y hacia abajo usando los botones estándar

Question

Quiero crear algunos botones hacia arriba y hacia abajo usando el botón estándar de fondo pero con flechas negras.

¿Cuál es la mejor manera de lograr esto con WPF?

Malcolm

Answer 1

me parece Marlett (una fuente integrada en Windows) útil para ese tipo de cosas.

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

Answer 2

Se puede crear un Polygon que representa su arriba y abajo triángulos y luego les ajusta para que sea el contenido de los botones:

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

Se pueden ajustar estos para dibujar diferentes figurado, pero eso es por lo general el XAML que usarías para la geometría básica.

Answer 3

ninguna discusión sobre este tema estaría completa sin mencionar el mini-lenguaje de la geometría (o Path Markup Syntax) para una definición de la forma más compacta: -

<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> 

La primera describe un movimiento de 0,6 a 12 Línea , 6 línea a 6,0 y luego cerrar la forma (Z).

También hay una sintaxis de curva.

Answer 4

Si desea tener una flecha con rectángulo base se puede utilizar este ejemplo ...

<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> 

Answer 5

La mejor forma de hacer esto ahora está utilizando Segoe UI Symbol. Reemplaza a Marlett y proporciona muchos glifos útiles. Arriba y abajo serían

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

Esta fuente está pre-instalado en todas las versiones de Windows 7 +.