web-dev-qa-db-ja.com

WPF-標準ボタンを使用して上矢印と下矢印の付いたボタンを作成します

標準のボタンの背景を使用し、黒い矢印を使用して上下のボタンを作成したい。

WPFでこれを達成する最良の方法は何ですか??

マルコム

wpfbutton
66
Malcolm

Marlett（Windowsに組み込まれたフォント）は、そのようなことには便利だと思います。

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

ジオメトリのミニ言語（または パスマークアップ構文 ）に言及せずに、この主題に関する議論を完全に行うことはできません。

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

曲線構文もあります。

105
Rhys

これを行うための好ましい方法は、 Segoe UI Symbol を使用することです。 Marlettに代わるもので、多くの便利なグリフを提供します。上下になります

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

このフォントは、Windows 7以降のすべてのバージョンにプリインストールされています。

33
Taran

上下の三角形を表すPolygonを作成し、それらをボタンのコンテンツに設定できます。

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

これらを微調整して異なる図形を描画できますが、それは通常、基本的なジオメトリに使用するXAMLです。

5
casperOne

あなたがベース長方形を持つ矢印を持ちたいなら、あなたはこのサンプルを使うことができます...

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