WPF UpDownButton:带上下按钮的文本框

WPF做页面很常用的组件，网上资源又很少，记录一下
UpDownButton.xaml

//UpDownButton.xaml
<DockPanel DockPanel.Dock="Top" Width="85" Height="30">
        <DockPanel Width="20" Height="26" DockPanel.Dock="Right">
            <DockPanel DockPanel.Dock="Top">
                <Button x:Name="btn_ClickUp" Height="13" Click="Btn_ClickUp_Click">
                    <Image  Source="C:\Users\dell\Documents\Visual Studio 2017\Projects\RealProjectTest\RealProjectTest\img\1574066898.jpg" />
                </Button>
            </DockPanel>
            <DockPanel DockPanel.Dock="Bottom">
                <Button x:Name="btn_ClickDown" Height="13" Width="20" Click="Btn_ClickDown_Click">
                    <Image  Source="C:\Users\dell\Documents\Visual Studio 2017\Projects\RealProjectTest\RealProjectTest\img\1574066898.jpg"/>
                </Button>
            </DockPanel>
            <DockPanel></DockPanel>
        </DockPanel>
        <DockPanel />
        <DockPanel>
            <TextBox x:Name="txt_NamberChange"  Height="26" Width="85" Text="5.059" VerticalContentAlignment="Center">
            </TextBox>
        </DockPanel>
        <DockPanel  DockPanel.Dock="Left"/>
    </DockPanel>

UpDownButton.cs

    public partial class ChickButton : System.Windows.Controls.UserControl
    {
        public ChickButton()
        {
            InitializeComponent();
        }

        private void Btn_ClickUp_Click(object sender, RoutedEventArgs e)
        {
            this.txt_NamberChange.Text =(double.Parse(this.txt_NamberChange.Text) + 1).ToString("0.000");
        }

        private void Btn_ClickDown_Click(object sender, RoutedEventArgs e)
        {
            this.txt_NamberChange.Text = (double.Parse(this.txt_NamberChange.Text) - 1).ToString("0.000");
        }

    }