Qt编写⾃定义控件68-IP地址输⼊框
⼀、前⾔
这个IP地址输⼊框控件，估计写烂了，⽹上随便⼀搜索，保证⼀⼤堆，估计也是因为这个控件太容易了，⾮常适合新⼿练⼿，⼀般的思路都是⽤4个qlineedit控件拼起来，然后每个输⼊框设置正则表达式过滤只能输⼊3位数字，然后安装事件过滤器识别回车⾃动跳到下⼀个输⼊框。关于如何设置正则表达式过滤，这个可以搜索查到，本⼈也不⼤懂这个规则，貌似还有专门的书籍专门介绍正则表达式，可能这块⾮常强⼤。
开源地址：
⼆、实现的功能
1：可设置IP地址,⾃动填⼊框
2：可清空IP地址
3:⽀持按下⼩圆点⾃动切换
4:⽀持退格键⾃动切换
5:⽀持IP地址过滤
6：可设置背景⾊/边框颜⾊/边框圆⾓⾓度
三、效果图
四、头⽂件代码
#ifndef IPADDRESS_H
#define IPADDRESS_H
/**
* IP地址输⼊框控件作者:feiyangqingyun(QQ:517216493) 2017-8-11
* 1：可设置IP地址,⾃动填⼊框
* 2：可清空IP地址
* 3:⽀持按下⼩圆点⾃动切换
* 4:⽀持退格键⾃动切换
* 5:⽀持IP地址过滤
* 6：可设置背景⾊/边框颜⾊/边框圆⾓⾓度
*/
#include <QWidget>
class QLabel;
class QLineEdit;
#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif
class QDESIGNER_WIDGET_EXPORT IPAddress : public QWidget #else
class IPAddress : public QWidget
#endif
{
Q_OBJECT
Q_PROPERTY(QString ip READ getIP WRITE setIP)
public:
explicit IPAddress(QWidget *parent = 0);
protected:
bool eventFilter(QObject *watched, QEvent *event);
private:
QLabel *labDot1;    //第⼀个⼩圆点
QLabel *labDot2;    //第⼆个⼩圆点
QLabel *labDot3;    //第三个⼩圆点
QLineEdit *txtIP1;  //IP地址⽹段输⼊框1
QLineEdit *txtIP2;  //IP地址⽹段输⼊框2
QLineEdit *txtIP3;  //IP地址⽹段输⼊框3
QLineEdit *txtIP4;  //IP地址⽹段输⼊框4
QString ip;        //IP地址
QString bgColor;    //背景颜⾊
QString borderColor;//边框颜⾊
int borderRadius;  //边框圆⾓⾓度
private slots:
void textChanged(const QString &text);
public:
//获取IP地址
QString getIP()                const;
QSize sizeHint()                const;
QSize minimumSizeHint()        const;
public Q_SLOTS:
//设置IP地址
void setIP(const QString &ip);
//清空
void clear();
/
/设置背景颜⾊
void setBgColor(const QString &bgColor);
//设置边框颜⾊
void setBorderColor(const QString &borderColor);
//设置边框圆⾓⾓度
void setBorderRadius(int borderRadius);
};
#endif // IPADDRESS_H
五、核⼼代码
#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();
}
/
浏览器的activex控件/如果按下了退格键并且当前⽂本框已经没有了内容则焦点往前移
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 = Int();
//判断当前是否输⼊完成⼀个⽹段，是的话则⾃动移动到下⼀个输⼊框
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 (!actMatch(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绘制，⽀持Qt
4.6到Qt
5.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地址：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。