WPF 实现IP输入控件

最新推荐文章于 2024-01-18 18:49:52 发布
最新推荐文章于 2024-01-18 18:49:52 发布
阅读量302 收藏 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

dotNET跨平台
关注
C# 编写自定义 IP 输入框控件
遇见--专栏
01-08 8710
场景: 做一些网络设备应用时，需要有ip地址的输入，这就需要ip地址输入框控件 思路: 1 重写TextBox 为IpInputBox。 2 重写TextBox为SubIpInputBox 3 一个IpInputBox 添加4个SubIpInputBox 和3个Label 控件图：
WPF IP_TextBox
12-11
WPF开发的IP地址输入控件，手动输入验证合法性、自动跳转下一格、直接粘帖ip赋值、检验粘帖数据的合法性、去除首位的0，windows系统自带的可以输入00
WPF仿windows自带ip输入控件
12-19
主要功能：1.手动输入验证合法性；2.自动跳转下一格；3.直接粘帖ip赋值；4.检验粘帖数据的合法性；5.去除首位的0，windows系统自带的可以输入00;
WPF数字输入框和IP地址输入框
weixin_38168786的博客
10-30 496
数字输入框 简介 在业务中，我们经常需要限制用户的输入，比如限制输入长度，限制只能输入数字等等。限制输入长度WPF内置的TextBox已经帮我们解决了，但是限制输入数字却并未在WPF中内置解决方案。使用第三方的控件又要多增加一个引用，于是决定自己写一个。 在写的过程中发现需要考虑的问题比较多，比如限制输入法、部分限制输入小数点和负号、限制输入字母和其它符号、粘贴时做特殊处理等等。值...
WPF自定义实现IP地址输入控件
08-25
主要给大家介绍了关于WPF自定义实现IP地址输入控件的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用WPF具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
WPF UI开发教程IP地址输入控件
liaohaiyin的专栏
08-21 935
WPF没有内置IP地址输入控件，因此我们需要通过自己定义实现。 我们先看一下IP地址输入控件有什么特性： 输满三个数字焦点会往右移 键盘←→可以空光标移动 任意位置可复制整段IP地址，且支持x.x.x.x格式的粘贴赋值 删除字符会自动向左移动焦点 知道以上特性，我们就可以开始动手了。 IP地址控件样式代码： <Style TargetType="{x:Type local:NbIpBox}"> <Setter Property="IPAddress" V
WPF：自定义IP地址输入框的实现
pandawangyt的博客
03-30 2192
先看效果图： 仿照电脑以太网属性那里的IP地址输入框设计的 实现的主要功能有： 1、只能输入数字、Delete、Enter、Back、Tab、左右方向键，且数字在0-255之间。 2、输入数字最多三位，超过三位自动跳转到下一个输入框；如果输入框中有数字，则全选数字。 3、Delete就正常从后面删除；Enter暂时无操作（）；Tab自动跳转焦点； 4、Back往前删除，如果当前输入框为空，则跳转到前面一个输入框；如果前面一个输入框有数字，则删除一位数字；左右方向键就控制光标移动。 布局 4个Text
WPF自定义IP地址输入控件实现详解
"这篇文章主要讲解如何在WPF中自定义实现一个IP地址输入控件，提供了详细的步骤和示例代码，适用于需要在WPF应用中创建此类控件的开发者。" 在WPF（Windows Presentation Foundation）框架中，系统并未提供内建的IP...
WPF自定义IP地址输入控件实现
"本文主要介绍了如何在WPF中自定义实现一个IP地址输入控件，包括控件的特性分析和组成结构。" 在WPF（Windows Presentation Foundation）中，由于默认控件集并未包含专门用于输入IP地址的控件，开发者需要自行创建...
C# IP地址输入控件
08-06
C# IP地址输入控件，一个IP控件，由C#语言编写，该IP控件很好的解决了关于MaskedTextBox显示IP的不足 ，你可以像调用一般控件那样来使用它，不用另外编写其它代码，非常方便。
C# wpf ip控件
09-12
Ip控件，由于wpf中没有专门的ip控件自己写了一个，参照了codeproject上的一个例子。
.NET 自定义IP地址控件,可在WinForm和WPF中使用
10-30
.NET 自定义IP地址控件,可在WinForm和WPF中使用 在WPF中使用可使用WindowsFormsHost
Winform / WPF 自定义控件 —— IPV4 地址输入框
YMGogre的博客
11-14 902
仿 Window 原生风格 IPV4 地址输入框。
WPF控件风格大揭秘：从默认样式继承，定制外观如行云流水
雨中深巷的油纸伞
12-29 505
概述：在WPF中，通过从默认样式继承，实现了灵活的控件样式定制。基础用法展示了按钮样式的简单继承，而高级用法通过自定义样式同时定制了默认和特定控件样式，为WPF应用提供了更灵活的外观定制方式。高级用法： 在资源字典中定义默认文本框样式，然后在自定义样式中使用BasedOn属性进行继承。基础用法： 使用BasedOn属性，可以从默认按钮样式继承，并对Background和Foreground属性进行定制。通过这些例子，你可以清晰地了解如何在WPF中通过继承默认样式来定制控件外观。
WPF IP地址输入控件的实现
weixin_34290631的博客
06-02 569
一、前言 WPF没有内置IP地址输入控件，因此我们需要通过自己定义实现。 我们先看一下IP地址输入控件有什么特性： 输满三个数字焦点会往右移 键盘←→可以空光标移动 任意位置可复制整段IP地址，且支持x.x.x.x格式的粘贴赋值 删除字符会自动向左移动焦点 知道以上特性，我们就可以开始动手了。 二、构成 Grid+TextBox*4+TextBlock*3 通过这几...
WinForm中使用MaskedTextBox制作IP地址输入框
最新发布
qizhi321123的博客
01-18 1144
1.实现的功能:输入IP地址，形如000.000.000.000的格式，并设置keydown事件，当输入点(.)的时候，自动跳至下一栏。从工具箱中拖入一个MaskedTextBox，命名为MaskedTextBox_IP。3.在PromptChar属性中，将_换为空格，如果你喜欢_的话，也可以不用换。2.在Mask属性中，输入:000.000.000.000。
关于WPF控件
陈小白的博客
06-10 2809
控件时WPF里不可缺少的东西，在编程的时候我们可以对WPF使用上百个控件。有简单的当然也有复杂的，下面我们一起来了解一下吧。 简单控件 简单控件是没有Content属性的控件，例如，Button类可以包含任意形状或任意元素，这对于简单控件时没有问题的。下面是一些简单控件和它们的功能 PasswordBox： PasswordBox控件用于输入密码，这个控件有用于输入密码的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值