WPF 实现IP输入控件

最新推荐文章于 2023-11-14 17:41:52 发布
最新推荐文章于 2023-11-14 17:41:52 发布
阅读量385 收藏 1
点赞数
文章标签： wpf
原文链接：https://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA==&mid=2654097253&idx=7&sn=cfad14479ed4b1703296c0abe5a393e8&chksm=80d86b30b7afe2266fd54adaeb98ef9ca05109e6480b7603baf772a3bd70ab04ea5fe23c2385&scene=126&sessionid=0
版权

控件名：IPEditBox

作   者：WPFDevelopersOrg - 驚鏵

原文链接[1]：https://github.com/WPFDevelopersOrg/WPFDevelopers

  • 框架使用.NET4 至 .NET6；

  • Visual Studio 2022;

b1dfd2276fa76ba4424566ad0019ffcf.png d7f774d2dfc08de09e9a4da30c6b823d.png

  • 使用Grid来分为七列

    • TextBox控件PART_TextBox1位于第一列。

    • TextBox控件PART_TextBox2位于第三列。

    • TextBox控件PART_TextBox3位于第五列。

    • TextBox控件PART_TextBox4位于第七列。

1）新增 IPEditBox.cs 代码如下:

  • TextBox1_TextChanged方法：当TextBox1的文本发生变化时触发。如果TextBox1中的文本长度大于等于3，焦点将转移到TextBox2，并调用UpdateText方法更新Text。

  • TextBox2_TextChanged方法：当TextBox2的文本发生变化时触发。如果TextBox2中的文本长度大于等于3，焦点将转移到TextBox3，并调用UpdateText方法更新Text。

  • TextBox3_TextChanged方法：当TextBox3的文本发生变化时触发。如果TextBox3中的文本长度大于等于3，焦点将转移到TextBox4，并调用UpdateText方法更新Text。

  • TextBox4_TextChanged方法：当TextBox4的文本发生变化时触发。无论文本长度如何，并调用UpdateText方法更新Text。

  • 监听TextBox1、2、3、4控件的PreviewKeyDown事件处理。

    • 是否按下Ctrl+V键组合（粘贴快捷键），

    • 如果是，则调用ClipboardHandle()方法，并将事件参数的Handled属性设置为true。

    • PasteTextIPTextBox方法负责处理粘贴的文本。如果粘贴的文本为空或只包含空白字符，则清除四个TextBox控件（_textBox1、_textBox2、_textBox3、_textBox4）的内容。否则，它通过句点（'.'）将文本分割，并将每个部分分配给_textboxBoxes数组中对应的TextBox控件。

  • 监听TextBox1、2、3、4控件的Loaded事件处理。在TextBox加载完成时，通过CommandManager的AddPreviewExecutedHandler方法将TextBox的PreviewExecuted事件与TextBox_PreviewExecuted方法关联

    • 如果执行的是复制（ApplicationCommands.Copy），则将_textBox1、_textBox2、_textBox3、_textBox4四个TextBox控件中的文本合并成一个IP地址字符串，并将该字符串设置为剪贴板的文本内容并更新Text。

    • 如果是粘贴命令则将调用ClipboardHandle()方法。

using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace WPFDevelopers.Controls
{
     [TemplatePart(Name = TextBox1TemplateName, Type = typeof(TextBox))]
    [TemplatePart(Name = TextBox2TemplateName, Type = typeof(TextBox))]
    [TemplatePart(Name = TextBox3TemplateName, Type = typeof(TextBox))]
    [TemplatePart(Name = TextBox4TemplateName, Type = typeof(TextBox))]
    public class IPEditBox : Control
    {

        private const string TextBox1TemplateName = "PART_TextBox1";
        private const string TextBox2TemplateName = "PART_TextBox2";
        private const string TextBox3TemplateName = "PART_TextBox3";
        private const string TextBox4TemplateName = "PART_TextBox4";

        public string Text
        {
            get { return (string)GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }

        public static readonly DependencyProperty TextProperty =
            DependencyProperty.Register("Text", typeof(string), typeof(IPEditBox), new PropertyMetadata(string.Empty, OnTextChanged));

        private static void OnTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var ctrl = d as IPEditBox;
            if (e.NewValue is string text && !ctrl._isChangingText)
                ctrl.PasteTextIPTextBox(text);
        }

        private TextBox _textBox1, _textBox2, _textBox3, _textBox4;
        private bool _isChangingText = false;

        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();
            _textBox1 = GetTemplateChild(TextBox1TemplateName) as TextBox;
            if (_textBox1 != null)
            {
                _textBox1.TextChanged -= TextBox1_TextChanged;
                _textBox1.TextChanged += TextBox1_TextChanged;
                _textBox1.PreviewKeyDown -= TextBox_PreviewKeyDown;
                _textBox1.PreviewKeyDown += TextBox_PreviewKeyDown;
                _textBox1.Loaded -= TextBox_Loaded;
                _textBox1.Loaded += TextBox_Loaded;
            }
            _textBox2 = GetTemplateChild(TextBox2TemplateName) as TextBox;
            if (_textBox2 != null)
            {
                _textBox2.TextChanged -= TextBox2_TextChanged;
                _textBox2.TextChanged += TextBox2_TextChanged;
                _textBox2.PreviewKeyDown -= TextBox_PreviewKeyDown;
                _textBox2.PreviewKeyDown += TextBox_PreviewKeyDown;
                _textBox2.Loaded -= TextBox_Loaded; ;
                _textBox2.Loaded += TextBox_Loaded;
            }
            _textBox3 = GetTemplateChild(TextBox3TemplateName) as TextBox;
            if (_textBox3 != null)
            {
                _textBox3.TextChanged -= TextBox3_TextChanged;
                _textBox3.TextChanged += TextBox3_TextChanged;
                _textBox3.PreviewKeyDown -= TextBox_PreviewKeyDown;
                _textBox3.PreviewKeyDown += TextBox_PreviewKeyDown;
                _textBox3.Loaded -= TextBox_Loaded;
                _textBox3.Loaded += TextBox_Loaded;
            }
            _textBox4 = GetTemplateChild(TextBox4TemplateName) as TextBox;
            _textBox4.TextChanged -= TextBox4_TextChanged;
            _textBox4.TextChanged += TextBox4_TextChanged;
            _textBox4.PreviewKeyDown -= TextBox_PreviewKeyDown;
            _textBox4.PreviewKeyDown += TextBox_PreviewKeyDown;
            _textBox4.Loaded -= TextBox_Loaded;
            _textBox4.Loaded += TextBox_Loaded;

        }

        private void TextBox1_TextChanged(object sender, TextChangedEventArgs e)
        {
            if (_textBox1.Text.ToString().Length >= 3) _textBox2.Focus();
            UpdateText();
        }
        private void TextBox2_TextChanged(object sender, TextChangedEventArgs e)
        {
            if (_textBox2.Text.ToString().Length >= 3) _textBox3.Focus();
            UpdateText();
        }

        private void TextBox3_TextChanged(object sender, TextChangedEventArgs e)
        {
            if (_textBox3.Text.ToString().Length >= 3) _textBox4.Focus();
            UpdateText();
        }

        private void TextBox4_TextChanged(object sender, TextChangedEventArgs e)
        {
            UpdateText();
        }
        void TextBox_Loaded(object sender, RoutedEventArgs e)
        {
            CommandManager.AddPreviewExecutedHandler((sender as TextBox), TextBox_PreviewExecuted);
        }
        void TextBox_PreviewExecuted(object sender, ExecutedRoutedEventArgs e)
        {
            if (e.Command == ApplicationCommands.Paste)
            {
                ClipboardHandle();
                UpdateText();
                e.Handled = true;
            }
            else if (e.Command == ApplicationCommands.Copy)
            {
                var ip = $"{_textBox1.Text}.{_textBox2.Text}.{_textBox3.Text}.{_textBox4.Text}";
                Clipboard.SetText(ip);
                e.Handled = true;
            }
        }

        void ClipboardHandle()
        {
            var data = Clipboard.GetDataObject();
            if (data.GetDataPresent(DataFormats.Text))
            {
                var text = (string)data.GetData(DataFormats.UnicodeText);
                PasteTextIPTextBox(text);
            }
        }

        void TextBox_PreviewKeyDown(object sender, KeyEventArgs e)
        {
            if (e.KeyboardDevice.Modifiers.HasFlag(ModifierKeys.Control) && e.Key == Key.V)
            {
                ClipboardHandle();
                _isChangingText = false;
                e.Handled = true;
            }
            else if (e.Key == Key.Delete || e.Key == Key.Back)
            {
                _isChangingText = true;
            }
            else
                _isChangingText = false;
        }

        void PasteTextIPTextBox(string text)
        {
            _textBox1.TextChanged -= TextBox1_TextChanged;
            _textBox2.TextChanged -= TextBox2_TextChanged;
            _textBox3.TextChanged -= TextBox3_TextChanged;
            _textBox4.TextChanged -= TextBox4_TextChanged;
            if (string.IsNullOrWhiteSpace(text))
            {
                _textBox1.Text = string.Empty;
                _textBox2.Text = string.Empty;
                _textBox3.Text = string.Empty;
                _textBox4.Text = string.Empty;
            }
            else
            {
                var strs = text.Split('.');
                var _textboxBoxes = new TextBox[] { _textBox1, _textBox2, _textBox3, _textBox4 };
                for (short i = 0; i < _textboxBoxes.Length; i++)
                {
                    var str = i < strs.Length ? strs[i] : string.Empty;
                    _textboxBoxes[i].Text = str;
                }
            }
            _textBox1.TextChanged += TextBox1_TextChanged;
            _textBox2.TextChanged += TextBox2_TextChanged;
            _textBox3.TextChanged += TextBox3_TextChanged;
            _textBox4.TextChanged += TextBox4_TextChanged;
        }
        void UpdateText()
        {
            var segments = new string[4]
            {
                _textBox1.Text.Trim(),
                _textBox2.Text.Trim(),
                _textBox3.Text.Trim(),
                _textBox4.Text.Trim()
            };
            var allEmpty = segments.All(string.IsNullOrEmpty);
            if (allEmpty)
            {
                SetValue(TextProperty, string.Empty);
                return;
            }
            var noEmpty = segments.Where(s => !string.IsNullOrWhiteSpace(s));
            if (noEmpty.Count() != 4) return;
            var ip = string.Join(".", noEmpty);
            if (ip != Text)
                SetValue(TextProperty, ip);
        }
    }
}

2）新增 ColorPicker.xaml 代码如下:

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:WPFDevelopers.Controls"
    xmlns:helpers="clr-namespace:WPFDevelopers.Helpers">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="Basic/ControlBasic.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <Style
        x:Key="WD.IPEditBox"
        BasedOn="{StaticResource WD.ControlBasicStyle}"
        TargetType="{x:Type controls:IPEditBox}">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="BorderBrush" Value="{DynamicResource WD.BaseSolidColorBrush}" />
        <Setter Property="Background" Value="{DynamicResource WD.BackgroundSolidColorBrush}" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="Padding" Value="{StaticResource WD.DefaultPadding}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type controls:IPEditBox}">
                    <ControlTemplate.Resources>
                        <Style BasedOn="{StaticResource WD.DefaultTextBox}" TargetType="{x:Type TextBox}">
                            <Setter Property="BorderThickness" Value="0" />
                            <Setter Property="helpers:TextBoxHelper.AllowOnlyNumericInput" Value="True" />
                            <Setter Property="helpers:TextBoxHelper.MaxValue" Value="255" />
                            <Setter Property="helpers:TextBoxHelper.MinValue" Value="0" />
                            <Setter Property="VerticalContentAlignment" Value="Center" />
                            <Setter Property="HorizontalContentAlignment" Value="Center" />
                        </Style>
                        <Style TargetType="TextBlock">
                            <Setter Property="Text" Value="." />
                            <Setter Property="VerticalAlignment" Value="Center" />
                        </Style>
                    </ControlTemplate.Resources>
                    <Border
                        x:Name="Root"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        CornerRadius="{Binding Path=(helpers:ElementHelper.CornerRadius), RelativeSource={RelativeSource TemplatedParent}}"
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                        UseLayoutRounding="{TemplateBinding UseLayoutRounding}">
                        <ScrollViewer HorizontalScrollBarVisibility="Auto">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition />
                                </Grid.ColumnDefinitions>
                                <TextBox x:Name="PART_TextBox1" />
                                <TextBlock Grid.Column="1" />

                                <TextBox x:Name="PART_TextBox2" Grid.Column="2" />
                                <TextBlock Grid.Column="3" />

                                <TextBox x:Name="PART_TextBox3" Grid.Column="4" />
                                <TextBlock Grid.Column="5" />
                                <TextBox x:Name="PART_TextBox4" Grid.Column="6" />
                            </Grid>
                        </ScrollViewer>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsKeyboardFocused" Value="True">
                            <Setter Property="BorderBrush" Value="{DynamicResource WD.PrimaryNormalSolidColorBrush}" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="BorderBrush" Value="{DynamicResource WD.PrimaryNormalSolidColorBrush}" />
                        </Trigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsKeyboardFocused" Value="True" />
                                <Condition Property="IsMouseOver" Value="False" />
                            </MultiTrigger.Conditions>
                            <Setter Property="BorderBrush" Value="{DynamicResource WD.PrimaryNormalSolidColorBrush}" />
                        </MultiTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style BasedOn="{StaticResource WD.IPEditBox}" TargetType="{x:Type controls:IPEditBox}" />
</ResourceDictionary>
c58411789b65e1c2d69d6d5904757bd8.gif

参考资料

[1]

原文链接: https://github.com/WPFDevelopersOrg/WPFDevelopers

WPF仿windows自带ip输入控件
12-19
主要功能：1.手动输入验证合法性；2.自动跳转下一格；3.直接粘帖ip赋值；4.检验粘帖数据的合法性；5.去除首位的0，windows系统自带的可以输入00;
WPF自定义实现IP地址输入控件
12-26
一、前言 WPF没有内置IP地址输入控件，因此我们需要通过自己定义实现。 我们先看一下IP地址输入控件有什么特性： 输满三个数字焦点会往右移 键盘←→可以空光标移动 任意位置可复制整段IP地址，且支持x.x.x.x格式的粘贴赋值 删除字符会自动向左移动焦点 知道以上特性，我们就可以开始动手了。 二、构成 Grid+TextBox*4+TextBlock*3 通过这几个控件的组合，我们完成IP地址输入控件的功能。 界面代码如下： <UserControl x:Class="IpAddressControl.IpAddressControl" xmlns="http:/
WPF数字输入框和IP地址输入框
weixin_38168786的博客
10-30 527
数字输入框 简介 在业务中，我们经常需要限制用户的输入，比如限制输入长度，限制只能输入数字等等。限制输入长度WPF内置的TextBox已经帮我们解决了，但是限制输入数字却并未在WPF中内置解决方案。使用第三方的控件又要多增加一个引用，于是决定自己写一个。 在写的过程中发现需要考虑的问题比较多，比如限制输入法、部分限制输入小数点和负号、限制输入字母和其它符号、粘贴时做特殊处理等等。值...
WPF：自定义IP地址输入框的实现
pandawangyt的博客
03-30 2470
先看效果图： 仿照电脑以太网属性那里的IP地址输入框设计的 实现的主要功能有： 1、只能输入数字、Delete、Enter、Back、Tab、左右方向键，且数字在0-255之间。 2、输入数字最多三位，超过三位自动跳转到下一个输入框；如果输入框中有数字，则全选数字。 3、Delete就正常从后面删除；Enter暂时无操作（）；Tab自动跳转焦点； 4、Back往前删除，如果当前输入框为空，则跳转到前面一个输入框；如果前面一个输入框有数字，则删除一位数字；左右方向键就控制光标移动。 布局 4个Text
WPF IP地址输入控件的实现
weixin_34290631的博客
06-02 608
一、前言 WPF没有内置IP地址输入控件，因此我们需要通过自己定义实现。 我们先看一下IP地址输入控件有什么特性： 输满三个数字焦点会往右移 键盘←→可以空光标移动 任意位置可复制整段IP地址，且支持x.x.x.x格式的粘贴赋值 删除字符会自动向左移动焦点 知道以上特性，我们就可以开始动手了。 二、构成 Grid+TextBox*4+TextBlock*3 通过这几...
WPF实现简单IP输入控件的设计与功能扩展
### WPF IPtextbox 控件实现 在WPF中实现IP textbox，开发者需要继承和重写现有的控件类，例如TextBox类。通过定义特定的样式（Style）和模板（ControlTemplate），可以改变标准TextBox的外观和行为，使其适用于IP...
WPF自定义IP输入控件：验证、自动填充与数据校验
在WPF应用中，创建一个仿windows自带IP输入控件首先要实现用户输入的验证功能。IP地址通常由四个十进制数字组成，每个数字的范围是0-255。在用户进行手动输入时，控件需要实时验证输入的合法性，以确保用户输入的是...
WPF UI开发教程IP地址输入控件
liaohaiyin的专栏
08-21 1050
WPF没有内置IP地址输入控件，因此我们需要通过自己定义实现。 我们先看一下IP地址输入控件有什么特性： 输满三个数字焦点会往右移 键盘←→可以空光标移动 任意位置可复制整段IP地址，且支持x.x.x.x格式的粘贴赋值 删除字符会自动向左移动焦点 知道以上特性，我们就可以开始动手了。 IP地址控件样式代码： <Style TargetType="{x:Type local:NbIpBox}"> <Setter Property="IPAddress" V
Winform / WPF 自定义控件 —— IPV4 地址输入框
最新发布
YMGogre的博客
11-14 1115
仿 Window 原生风格 IPV4 地址输入框。
C# wpf ip控件
09-12
Ip控件，由于wpf中没有专门的ip控件自己写了一个，参照了codeproject上的一个例子。
.NET 自定义IP地址控件,可在WinForm和WPF中使用
10-30
.NET 自定义IP地址控件,可在WinForm和WPF中使用 在WPF中使用可使用WindowsFormsHost
WPF IP_TextBox
12-11
WPF开发的IP地址输入控件，手动输入验证合法性、自动跳转下一格、直接粘帖ip赋值、检验粘帖数据的合法性、去除首位的0，windows系统自带的可以输入00
C# IP地址输入控件
08-06
C# IP地址输入控件，一个IP控件，由C#语言编写，该IP控件很好的解决了关于MaskedTextBox显示IP的不足 ，你可以像调用一般控件那样来使用它，不用另外编写其它代码，非常方便。
一个简单的IP地址输入控件
frogview
10-08 4247
IP地址 分段输入 WPF C#
【C# WPF 实用工具】IP助手
weixin_46445033的博客
06-13 199
使用IP助手工具只需要4个步骤，一个窗口，传统方式则需要10个步骤，多个窗口。便捷度至少提升60%以上。
WPF中MAC地址输入控件
程序思维
06-03 1574
using System; using System.Collections.Generic; using System.Text; using System.Windows.Controls; namespace Control { public class MacAddressEditor : TextBox { private string _lastTex
C# 编写自定义 IP 输入框控件
遇见--专栏
01-08 8779
场景: 做一些网络设备应用时，需要有ip地址的输入，这就需要ip地址输入框控件 思路: 1 重写TextBox 为IpInputBox。 2 重写TextBox为SubIpInputBox 3 一个IpInputBox 添加4个SubIpInputBox 和3个Label 控件图：
wpf 两个自定义控件
marcushbs的博客
05-10 315
wpf 两个自定义控件 一个是IP控件，一个滑动条。先看下效果图 IPControl 1、实际工作中有时需要设置IP信息，就想着做一个ip控件。效果没有window自带的好，需要通过tab切换。但也能满足使用。废话不多说直接上代码 IPControl.xaml <UserControl x:Class="WpfApp1.IPControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentat...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值