WPF - Créer des boutons avec les flèches haut et bas à l'aide de boutons standard

Question

Je veux créer des boutons haut et bas à l'aide du bouton standard fond, mais avec des flèches noires.

Quelle est la meilleure façon d'accomplir ceci avec WPF??

Malcolm

Answer 1

Je trouve Marlett (une police intégrée à Windows) très pratique pour ce genre de chose.

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

Answer 2

Pas de discussion sur ce sujet ne serait pas complet sans l'évocation de la géométrie de la mini-langue (ou Chemin de Balisage de la Syntaxe) pour une plus compact de définition de forme:-

  <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 première décrit un mouvement de 0,6 Ligne à 12,6 Ligne à 6,0 et puis fermez la forme (Z).

Il y a aussi une courbe de syntaxe.

Answer 3

Vous pouvez créer un Polygon qui représente votre haut et en bas de triangles et de définir le contenu des boutons:

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

Vous pouvez modifier ces de dessiner différents pensé, mais c'est généralement le XAML vous utilisez pour la géométrie de base.

Answer 4

Si vous souhaitez avoir une flèche avec le rectangle de base vous pouvez utiliser cet exemple...

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