WPF 带值增减按钮的文本输入框

最新推荐文章于 2024-07-24 22:23:25 发布

一阵没来由的风

最新推荐文章于 2024-07-24 22:23:25 发布

阅读量4k

点赞数 2

分类专栏： C# WPF 文章标签： wpf 带增减按钮文本输入框文本输入框 Input xceed

本文链接：https://blog.csdn.net/YouyoMei/article/details/104222827

版权

C# WPF 专栏收录该内容

48 篇文章 23 订阅

订阅专栏

WPF 带值增减按钮的文本输入框

引言

在做一些上位机时，对参数的配置需要用到一类控件，就是对配置值得增减。本文主要介绍下自己在WPF开发中使用过的控件——xceed.ToolKit的–UpDown控件（在xceed中有很多比较实用的控件）。

应用

1.导入程序包，程序包名如下：

SamOatesGames.ModernUI.Xceed.Toolkit

2.在xaml中引入命名空间

  xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"

3.使用

<Window x:Class="Deamon.View.Windows.SettingsWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Deamon.View.Windows"
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
        mc:Ignorable="d"
        Title="SettingsWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
                <Label Content="整数加减"
                       Margin="0,2,10,2"
                       Grid.Row="1"/>

                <xctk:IntegerUpDown Value="10"
                                    Margin="0,2"
                                    ToolTip="整数Int类型"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
                <Label Content="日期加减"
                       Margin="0,2,10,2"
                       Grid.Row="1"/>

                <xctk:DateTimeUpDown 
                                    Margin="0,2"
                                    ToolTip="日期DateTime类型"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
                <Label Content="浮点数加减"
                       Margin="0,2,10,2"
                       Grid.Row="1"/>

                <xctk:DoubleUpDown Value="25.1"
                                    Margin="0,2"
                                    ToolTip="浮点数Double"/>
            </StackPanel>
        </StackPanel>
    </Grid>
</Window>

其效果如下：

在这里插入图片描述