WPF(XAML)ボタンの実装方法

Question

画像のようなボタンを実装したいのですが、全くわかりません。
下の図は、上のボタンを押しているときの状態です。
挙動は必要ないんで見た目だけ実装したいです。
どうアプローチしたらよいでしょうか。教えてください。

Answer 1

NumericUpDownはWPFにはデフォルトで存在しないので自分で適当に組み合わせます
同じような質問のStackOverflowの回答などが参考になるでしょう

http://stackoverflow.com/questions/841293/where-is-the-wpf-numeric-updown-control

Answer 2

こういう感じで、パネルを組み合わせる。

       <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="30"></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="1*"></RowDefinition>
                    <RowDefinition  Height="1*"></RowDefinition>
                </Grid.RowDefinitions>
                <TextBlock Text="上"></TextBlock>
                <TextBlock Text="下" Grid.Row="1"></TextBlock>
            </Grid>
            <Grid Grid.Column="1">
                <TextBlock>ほげほげ</TextBlock>
            </Grid>
        </Grid>