Qt实现IP地址输入框-自定义控件

已于 2024-07-16 12:08:40 修改
阅读量1.1k 收藏 9
点赞数 9
分类专栏： QT自定义控件分享 文章标签： qt 开发语言 c++ 人机交互 ui
于 2024-07-13 08:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012959478/article/details/140379965
版权

       在 许多应用程序中，我们经常需要使用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_OBJECT
    Q_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地址网段输入框1
    QLineEdit *txtIP2;  //IP地址网段输入框2
    QLineEdit *txtIP3;  //IP地址网段输入框3
    QLineEdit *txtIP4;  //IP地址网段输入框4

    QString 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地址。

         谢谢您的阅读和支持。如果您还有任何问题或需要进一步的帮助，请随时与我联系。再次感谢，并祝您一切顺利！

五、源代码下载
秀木易风
关注
专栏目录
Qt实现自定义IP地址输入控件（百分百还原Windows 10网络地址输入框）[文末附完整工程代码]
吻等离子的博客
11-24 2868
函数如何处理键盘事件，以便在必要时移动焦点到下一个或前一个输入框，以及根据当前输入情况进行焦点控制。槽函数实时获取文本框内的值变化情况，并根据输入情况自动移动焦点。：介绍将输入的四个部分拼接成完整的 IP 地址，并提供了。对输入进行控制和验证，以确保用户输入的有效性。控件，并设置它们的属性以及样式。方法来设置和获取 IP 地址。：介绍在构造函数中创建四个。：讨论如何使用样式表和。
Qt编写自定义控件-IP地址输入框
我不是萧海哇的博客
06-18 2655
头文件代码 #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; cla
Qt实现的IP地址输入控件
ma12shuai的专栏
04-17 8254
// MyIpPartLineEdit.h #pragma once #include class QWidget; class QFocusEvent; class QKeyEvent; class MyIpPartLineEdit : public QLineEdit { Q_OBJECT public: MyIpPartLineEdit(QWidge
Qt实现IP输入框
auragreen的专栏
06-17 4756
转自：http://blog.csdn.net/u011417605/article/details/51353337 版权声明：本文为转载文章，转载请注明出处。如有问题请联系QQ:1245178753。 Qt作为界面框架，已经非常完善了。但是，也不是尽善尽美，IP输入框作为开发中使用很频繁的一个控件，Qt竟然没有实现，也是醉了。不过，我们自己也可以实现，并不是很复
Qt QLineEdit 限制输入ip格式或判断输入是否为ip 格式
最新发布
YHB123___ahnd的博客
08-15 303
【代码】Qt QLineEdit 限制输入ip格式或判断输入是否为ip 格式。
QTableView中的文本如何修改对齐方式
热门推荐
Lutx的专栏
04-13 1万+
QTableView中显示的文本默认都是左对齐的, 如果需要将文本居中显示或者右对齐显示该怎么做呢?其实很简单, 在model类的data函数中, 当role==Qt::TextAlignmentRole时, 返回Qt::AlignCenter或者你需要的任何值即可. 同样, 这个role还有很多其他的取值可以利用的, 如前景色,背景色,字体等.
基于qt平台的ip地址输入控件
wwplh5520370的博客
03-07 6532
说明 qt编写的ip地址输入控件，功能齐全，非常实用，使用提升法集成到自己项目的ui中即可。提供设置ip和获取ip两个接口。具体看代码，比较简单，注释应该比较详细了，下载地址放在文章尾部。 代码 ipinputcontrol.h #ifndef IPINPUTCONTROL_H #define IPINPUTCONTROL_H #include <QWidget> #include <QKeyEvent> #include <QRegExpValidator> QT_
Qt实现的IP输入框
05-29
使用Qt实现IPV4输入、IPV6输入、MAC输入等输入框，代码编译通过，可直接使用，代码编译通过，代码编译通过，显示功能中封装独立功能，可以直接 嵌套到界面上使用
QT(5.6) 实现IP地址输入控件
10-28
因为一个项目需要用IP地址输入控件，QT下又没有可以直接用于输入IP这种字符串的控件，网上也找了很久，大多数都是3个QlineEdit拼出来,不合我意,所以 只能自已琢磨一个出来了.功能: 验证输入数字在正确范围内 , 连续输入和删除, 拷贝.
QT-IP地址输入框(inputmask结合信号槽）
ugetoneshot的博客
03-18 1338
和wins中ip输入框基本相同。判断数字0-255；如果有错误会报错......p是QString的引用，用p来读取所引用的QString对象的内容.parts是一个QStringList 类型的容器，里面存储了被。中的QString，QStringList有a.isEmpty。（这个水印能不能去掉。中的string有a.empty，分隔开的 IP 地址的各个部分；
Qt 自定义 IP地址控件
07-31
Qt 自定义 IP地址控件 实现通过左右方向键切换输入点，通过按钮.实现切换。自适应大小分布
QT实现IP输入控件
11-25
由于QT没有类似VC的IP地址控件，使用正则表达式和输入掩码实现类似效果的IP输入控件。QT Creator2.8.0 Based on Qt 4.8.4,Win7平台编译通过
基于QT的多种自定义控件，包括IP地址输入框，日期时间滚动选择框等等
06-06
本资源主要关注的是在QT环境中实现的一些自定义控件，特别是针对特定功能需求设计的控件，如IP地址输入框和日期时间滚动选择框。 1. **IP地址输入框**： 在QT中，通常使用`QLineEdit`来创建基本的文本输入框，但要...
12其他控件-13IP地址输入框-ipaddress
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
10-29 669
一、运行效果 二、功能特点 可设置IP地址，自动填入框。 可清空IP地址。 支持按下小圆点自动切换。 支持退格键自动切换。 支持IP地址过滤。 可设置背景色、边框颜色、边框圆角角度。 三、公共接口 public Q_SLOTS: //设置IP地址 void setIP(const QString &ip); //清空 void clear(); //设置背景颜色 void setBgColor(const QString &bgColo
Qt自定义IP输入控件
weixin_45933949的博客
01-08 647
只需在UI界面中将QLineEdit控件提升为QCIPLineEdit类即可。
[Qt] IP地址输入框实现
dgmfu28224的专栏
09-26 179
封装了一个ip地址的输入框。网络上下载了份代码，找不到哪里的了。经过修改之后，尽力让它的行为和windows的IP地址输入框的行为看起来像些。代码如下： //ipaddredit.h #ifndef IPADDREDIT_H #define IPADDREDIT_H #include <QWidget> class QLineEdit; class QLabel; cla...
qt setviewport实现缩放_Qt编写自定义控件17-按钮进度条
06-09
Qt中的setViewport方法可以用于设置QAbstractScrollArea和QGraphicsView的视口大小和位置。它通常与setWidget或setScene方法一起使用以创建可滚动视图。 如果你想要使用setViewport实现缩放，你需要考虑以下几点： 1. 首先，你需要确定视口的大小和位置。 2. 然后，你需要确定如何缩放视口中的内容。你可以使用QTransform类的scale方法来缩放内容。 3. 最后，你需要将缩放后的内容设置为视口的widget或scene。 下面是一个使用setViewport实现缩放的示例代码片段： ``` QGraphicsView *view = new QGraphicsView(this); view->setViewportUpdateMode(QGraphicsView::FullViewportUpdate); view->setRenderHint(QPainter::Antialiasing); view->setDragMode(QGraphicsView::ScrollHandDrag); view->setOptimizationFlag(QGraphicsView::DontAdjustForAntialiasing); view->setInteractive(true); view->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); view->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); QGraphicsScene *scene = new QGraphicsScene(view); view->setScene(scene); QPixmap pixmap(":/images/image.png"); QGraphicsPixmapItem *item = new QGraphicsPixmapItem(pixmap); scene->addItem(item); QTransform transform; transform.scale(2, 2); item->setTransform(transform); view->setSceneRect(item->boundingRect()); ``` 在这个例子中，我们使用QGraphicsView创建了一个视口，并为其设置了一些属性。然后，我们创建了一个QGraphicsScene，并将其设置为视口的scene。接下来，我们创建了一个QGraphicsPixmapItem，并将其添加到场景中。最后，我们使用QTransform类的scale方法将QGraphicsPixmapItem缩放了两倍，并将其设置为场景的边界矩形。 请注意，这只是一个简单的示例，实际上实现缩放可能需要更多的代码。同时，缩放可能会使内容变得模糊或失真，因此你需要找到一个合适的缩放比例来平衡视觉效果和性能。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值