在 许多应用程序中,我们经常需要使用IP地址。为了方便用户输入和处理,一个好的解决方案是使用自定义控件。本示例代码使用Qt编写一个名为“IPAddress”的自定义控件来实现IP地址的输入功能。通过使用此控件,用户可以方便地输入和处理IP地址。
IP地址输入框用于让用户输入一个有效的IP地址。IP地址是用来标识网络上的设备的一串数字,它由四个十进制数组成,每个数的取值范围是0到255。在网络应用中,IP地址输入框通常用于验证用户输入的IP地址是否合法,以及在需要连接到特定IP地址的情况下,让用户输入目标IP地址。
一、简述
这个IP地址输入框控件,估计写烂了,但本专栏是分享QT自定义控件,所以顺便分享一个该类型控件,供大家参考学习!
在Qt中,可以通过自定义控件来实现IP地址输入框。IP地址输入框是一个特殊的输入框,它用来输入IPv4地址。
自定义IP地址输入框控件可以包含四个文本输入框,用来输入四个IP地址的各个部分。
二、实现的功能
- 1:可设置IP地址,自动填入框
- 2:可清空IP地址
- 3:支持按下小圆点自动切换
- 4:支持退格键自动切换
- 5:支持IP地址过滤
- 6:可设置背景色/边框颜色/边框圆角角度
三、效果
四、核心代码
一般的思路都是用4个qlineedit控件拼起来,然后每个输入框设置正则表达式过滤只能输入3位数字,然后安装事件过滤器识别回车自动跳到下一个输入框
头文件ipaddress.h
#ifndef IPADDRESS_H
#define IPADDRESS_H#include <QWidget>class QLabel;
class QLineEdit;class IPAddress : public QWidget
{Q_OBJECTQ_PROPERTY(QString ip READ getIP WRITE setIP)public:explicit IPAddress(QWidget *parent = 0);public://获取IP地址QString getIP() const;QSize sizeHint() const;QSize minimumSizeHint() const;public slots://设置IP地址void setIP(const QString &ip);//清空void clear();//设置背景颜色void setBgColor(const QString &bgColor);//设置边框颜色void setBorderColor(const QString &borderColor);//设置边框圆角角度void setBorderRadius(int borderRadius);protected:bool eventFilter(QObject *watched, QEvent *event);private slots:void textChanged(const QString &text);private:QLabel *labDot1; //第一个小圆点QLabel *labDot2; //第二个小圆点QLabel *labDot3; //第三个小圆点QLineEdit *txtIP1; //IP地址网段输入框1QLineEdit *txtIP2; //IP地址网段输入框2QLineEdit *txtIP3; //IP地址网段输入框3QLineEdit *txtIP4; //IP地址网段输入框4QString ip; //IP地址QString bgColor; //背景颜色QString borderColor;//边框颜色int borderRadius; //边框圆角角度};#endif // IPADDRESS_H
ipaddress.cpp文件
#include "ipaddress.h"
#include <QLabel>
#include <QLineedit>
#include <QBoxlayout>
#include <QRegexp>
#include <QValidator>
#include <QEvent>
#include <QKeyEvent>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地址校验过滤QString pattern = "(2[0-5]{2}|2[0-4][0-9]|1?[0-9]{1,2})";QRegExp regExp(pattern);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->setContentsMargins(0, 0, 0, 0);verticalLayout->setSpacing(0);verticalLayout->addWidget(frame);//将控件按照横向布局排列QHBoxLayout *layout = new QHBoxLayout(frame);layout->setContentsMargins(0, 0, 0, 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;}
}
这样就实现了一个简单的IP地址输入框的自定义控件。可以根据自己的需求添加更多的功能。 如输入无效,我们可以发出警告并清除输入。通过自定义IP地址输入框控件,可以方便地集成到Qt项目中,提供用户友好的IP地址输入方式,避免用户输入错误的IP地址。
谢谢您的阅读和支持。如果您还有任何问题或需要进一步的帮助,请随时与我联系。再次感谢,并祝您一切顺利!