一、前言

这个IP地址输入框控件，估计写烂了，网上随便一搜索，保证一大堆，估计也是因为这个控件太容易了，非常适合新手练手，一般的思路都是用4个qlineedit控件拼起来，然后每个输入框设置正则表达式过滤只能输入3位数字，然后安装事件过滤器识别回车自动跳到下一个输入框。关于如何设置正则表达式过滤，这个可以搜索查到，本人也不大懂这个规则，貌似还有专门的书籍专门介绍正则表达式，可能这块非常强大。

开源地址：[https://gitee.com/feiyangqingyun/QWidgetDemo](https://gitee.com/feiyangqingyun/QWidgetDemo) [https://github.com/feiyangqingyun/QWidgetDemo](https://github.com/feiyangqingyun/QWidgetDemo)

二、实现的功能

* 1:可设置IP地址,自动填入框

* 2:可清空IP地址

* 3:支持按下小圆点自动切换

* 4:支持退格键自动切换

* 5:支持IP地址过滤

* 6:可设置背景色/边框颜色/边框圆角角度

三、效果图

五、核心代码

#pragma execution_character_set("utf-8")
#include "ipaddress.h"
#include "qlabel.h"
#include "qlineedit.h"
#include "qboxlayout.h"
#include "qregexp.h"
#include "qvalidator.h"
#include "qevent.h"
#include "qdebug.h"
IPAddress::IPAddress(QWidget *parent) : QWidget(parent)
{
 bgColor = "#FFFFFF";
 borderColor = "#A6B5B8";
 borderRadius = 3;
 //用于显示小圆点的标签,居中对齐
 labDot1 = new QLabel;
 labDot1->setAlignment(Qt::AlignCenter);
 labDot1->setText(".");
 labDot2 = new QLabel;
 labDot2->setAlignment(Qt::AlignCenter);
 labDot2->setText(".");
 labDot3 = new QLabel;
 labDot3->setAlignment(Qt::AlignCenter);
 labDot3->setText(".");
 //用于输入IP地址的文本框,居中对齐
 txtIP1 = new QLineEdit;
 txtIP1->setObjectName("txtIP1");
 txtIP1->setAlignment(Qt::AlignCenter);
 txtIP1->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
 connect(txtIP1, SIGNAL(textChanged(QString)), this, SLOT(textChanged(QString)));
 txtIP2 = new QLineEdit;
 txtIP2->setObjectName("txtIP2");
 txtIP2->setAlignment(Qt::AlignCenter);
 txtIP2->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
 connect(txtIP2, SIGNAL(textChanged(QString)), this, SLOT(textChanged(QString)));
 txtIP3 = new QLineEdit;
 txtIP3->setObjectName("txtIP3");
 txtIP3->setAlignment(Qt::AlignCenter);
 txtIP3->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
 connect(txtIP3, SIGNAL(textChanged(QString)), this, SLOT(textChanged(QString)));
 txtIP4 = new QLineEdit;
 txtIP4->setObjectName("txtIP4");
 txtIP4->setAlignment(Qt::AlignCenter);
 txtIP4->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
 connect(txtIP4, SIGNAL(textChanged(QString)), this, SLOT(textChanged(QString)));
 //设置IP地址校验过滤
 QRegExp regExp("(2[0-5]{2}|2[0-4][0-9]|1?[0-9]{1,2})");
 QRegExpValidator *validator = new QRegExpValidator(regExp, this);
 txtIP1->setValidator(validator);
 txtIP2->setValidator(validator);
 txtIP3->setValidator(validator);
 txtIP4->setValidator(validator);
 //绑定事件过滤器,识别键盘按下
 txtIP1->installEventFilter(this);
 txtIP2->installEventFilter(this);
 txtIP3->installEventFilter(this);
 txtIP4->installEventFilter(this);
 QFrame *frame = new QFrame;
 frame->setObjectName("frameIP");
 QStringList qss;
 qss.append(QString("QFrame#frameIP{border:1px solid %1;border-radius:%2px;}").arg(borderColor).arg(borderRadius));
 qss.append(QString("QLabel{min-width:15px;background-color:%1;}").arg(bgColor));
 qss.append(QString("QLineEdit{background-color:%1;border:none;}").arg(bgColor));
 qss.append(QString("QLineEdit#txtIP1{border-top-left-radius:%1px;border-bottom-left-radius:%1px;}").arg(borderRadius));
 qss.append(QString("QLineEdit#txtIP4{border-top-right-radius:%1px;border-bottom-right-radius:%1px;}").arg(borderRadius));
 frame->setStyleSheet(qss.join(""));
 QVBoxLayout *verticalLayout = new QVBoxLayout(this);
 verticalLayout->setMargin(0);
 verticalLayout->setSpacing(0);
 verticalLayout->addWidget(frame);
 //将控件按照横向布局排列
 QHBoxLayout *layout = new QHBoxLayout(frame);
 layout->setMargin(0);
 layout->setSpacing(0);
 layout->addWidget(txtIP1);
 layout->addWidget(labDot1);
 layout->addWidget(txtIP2);
 layout->addWidget(labDot2);
 layout->addWidget(txtIP3);
 layout->addWidget(labDot3);
 layout->addWidget(txtIP4);
}
bool IPAddress::eventFilter(QObject *watched, QEvent *event)
{
 if (event->type() == QEvent::KeyPress) {
 QLineEdit *txt = (QLineEdit *)watched;
 if (txt == txtIP1 || txt == txtIP2 || txt == txtIP3 || txt == txtIP4) {
 QKeyEvent *key = (QKeyEvent *)event;
 //如果当前按下了小数点则移动焦点到下一个输入框
 if (key->text() == ".") {
 this->focusNextChild();
 }
 //如果按下了退格键并且当前文本框已经没有了内容则焦点往前移
 if (key->key() == Qt::Key_Backspace) {
 if (txt->text().length() <= 1) {
 this->focusNextPrevChild(false);
 }
 }
 }
 }
 return QWidget::eventFilter(watched, event);
}
void IPAddress::textChanged(const QString &text)
{
 int len = text.length();
 int value = text.toInt();
 //判断当前是否输入完成一个网段,是的话则自动移动到下一个输入框
 if (len == 3) {
 if (value >= 100 && value <= 255) {
 this->focusNextChild();
 }
 }
 //拼接成完整IP地址
 ip = QString("%1.%2.%3.%4").arg(txtIP1->text()).arg(txtIP2->text()).arg(txtIP3->text()).arg(txtIP4->text());
}
QString IPAddress::getIP() const
{
 return this->ip;
}
QSize IPAddress::sizeHint() const
{
 return QSize(250, 20);
}
QSize IPAddress::minimumSizeHint() const
{
 return QSize(30, 10);
}
void IPAddress::setIP(const QString &ip)
{
 //先检测IP地址是否合法
 QRegExp regExp("((2[0-4]\\d|25[0-5]|[01]?\\d\\d?)\\.){3}(2[0-4]\\d|25[0-5]|[01]?\\d\\d?)");
 if (!regExp.exactMatch(ip)) {
 return;
 }
 if (this->ip != ip) {
 this->ip = ip;
 //将IP地址填入各个网段
 QStringList list = ip.split(".");
 txtIP1->setText(list.at(0));
 txtIP2->setText(list.at(1));
 txtIP3->setText(list.at(2));
 txtIP4->setText(list.at(3));
 }
}
void IPAddress::clear()
{
 txtIP1->clear();
 txtIP2->clear();
 txtIP3->clear();
 txtIP4->clear();
 txtIP1->setFocus();
}
void IPAddress::setBgColor(const QString &bgColor)
{
 if (this->bgColor != bgColor) {
 this->bgColor = bgColor;
 }
}
void IPAddress::setBorderColor(const QString &borderColor)
{
 if (this->borderColor != borderColor) {
 this->borderColor = borderColor;
 }
}
void IPAddress::setBorderRadius(int borderRadius)
{
 if (this->borderRadius != borderRadius) {
 this->borderRadius = borderRadius;
 }
}

六、控件介绍

1. 超过160个精美控件，涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏，flatui、高亮按钮、滑动选择器、农历等。远超qwt集成的控件数量。

2. 每个类都可以独立成一个单独的控件，零耦合，每个控件一个头文件和一个实现文件，不依赖其他文件，方便单个控件以源码形式集成到项目中，较少代码量。qwt的控件类环环相扣，高度耦合，想要使用其中一个控件，必须包含所有的代码。

3. 全部纯Qt编写，QWidget+QPainter绘制，支持Qt4.6到Qt5.13的任何Qt版本，支持mingw、msvc、gcc等编译器，支持任意操作系统比如windows+linux+mac+嵌入式linux等，不乱码，可直接集成到Qt Creator中，和自带的控件一样使用，大部分效果只要设置几个属性即可，极为方便。

4. 每个控件都有一个对应的单独的包含该控件源码的DEMO，方便参考使用。同时还提供一个所有控件使用的集成的DEMO。

5. 每个控件的源代码都有详细中文注释，都按照统一设计规范编写，方便学习自定义控件的编写。

6. 每个控件默认配色和demo对应的配色都非常精美。

7. 超过130个可见控件，6个不可见控件。

8. 部分控件提供多种样式风格选择，多种指示器样式选择。

9. 所有控件自适应窗体拉伸变化。

10. 集成自定义控件属性设计器，支持拖曳设计，所见即所得，支持导入导出xml格式。

11. 自带activex控件demo，所有控件可以直接运行在ie浏览器中。

12. 集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体，享受图形字体带来的乐趣。

13. 所有控件最后生成一个动态库文件(dll或者so等)，可以直接集成到qtcreator中拖曳设计使用。

14. 目前已经有qml版本，后期会考虑出pyqt版本，如果用户需求量很大的话。

15. 自定义控件插件开放动态库使用（永久免费），无任何后门和限制，请放心使用。

16. 目前已提供32个版本的dll，其中qt_5_7_0_mingw530_32这个版本会一直保证最新的完整的。

17. 不定期增加控件和完善控件，不定期更新SDK，欢迎各位提出建议，谢谢！

18. Qt入门书籍推荐霍亚飞的《Qt Creator快速入门》《Qt5编程入门》，Qt进阶书籍推荐官方的《C++ GUI Qt4编程》。

19. 强烈推荐程序员自我修养和规划系列书《大话程序员》《程序员的成长课》《解忧程序员》，受益匪浅，受益终生！

20. SDK地址：[https://gitee.com/feiyangqingyun/QUCSDK](https://gitee.com/feiyangqingyun/QUCSDK) [https://github.com/feiyangqingyun/qucsdk](https://github.com/feiyangqingyun/qucsdk)

Qt编写自定义控件68-IP地址输入框

一、前言

二、实现的功能

三、效果图

五、核心代码

六、控件介绍

相关推荐

取消回复欢迎你发表评论:

Google 黑客常用搜索语句一览原力计划

npx简介（npxvip是哪国的）

在 Android 模拟器上运行 ARM 应用（android模拟器原理）

GB28181,B接口协议之SIPRTSPRTPRTMP协议从入门到精通

手机实时提取SIM卡打电话的信令和声音-辅助外设与商用通话方案

轻松转换!AppleNumbers到Excel的快捷教程

安装使用Hoppscotch构建API请求访问与测试

Python自动化办公——后台截图（python 自动截图）

电脑端腾讯文档如何导出excel

网络流媒体经典开源软件宝典webRTC, FFMpeg, SIP_流媒体开发教程

Qt编写自定义控件68-IP地址输入框

一、前言

二、实现的功能

三、效果图

五、核心代码

六、控件介绍

相关推荐

取消回复欢迎 你 发表评论:

Google 黑客常用搜索语句一览 原力计划

npx简介（npxvip是哪国的）

在 Android 模拟器上运行 ARM 应用（android模拟器原理）

GB28181,B接口协议之SIPRTSPRTPRTMP协议从入门到精通

手机实时提取SIM卡打电话的信令和声音-辅助外设与商用通话方案

轻松转换!AppleNumbers到Excel的快捷教程

安装使用Hoppscotch构建API请求访问与测试

Python自动化办公——后台截图（python 自动截图）

电脑端腾讯文档如何导出excel

网络流媒体经典开源软件宝典webRTC, FFMpeg, SIP_流媒体开发教程

取消回复欢迎你发表评论:

Google 黑客常用搜索语句一览原力计划