当前位置:首页 > 经验 >

怎么设置qq聊天字体边框的图形

来源:原点资讯(www.yd166.com)时间:2023-11-01 21:24:21作者:YD166手机阅读>>

一、前言

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

开源地址:https://gitee.com/feiyangqingyun/QWidgetDemo https://github.com/feiyangqingyun/QWidgetDemo

二、实现的功能
  • 1:可设置IP地址,自动填入框
  • 2:可清空IP地址
  • 3:支持按下小圆点自动切换
  • 4:支持退格键自动切换
  • 5:支持IP地址过滤
  • 6:可设置背景色/边框颜色/边框圆角角度
三、效果图

怎么设置qq聊天字体边框的图形,(1)

四、头文件代码

#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

【领QT开发教程学习资料,点击下方链接莬费领取↓↓,先码住不迷路~】

点击这里:

五、核心代码

#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://github.com/feiyangqingyun/qucsdk

原文链接:https://www.cnblogs.com/feiyangqingyun/p/11665022.html

【领QT开发教程学习资料,点击下方链接莬费领取↓↓,先码住不迷路~】

点击这里:

栏目热文

如何设置qq聊天字体底色(qq发送字体怎么设置)

如何设置qq聊天字体底色(qq发送字体怎么设置)

随着产品的功能迭代,体验的逐步更新,用户对QQ游戏中心有着更多更强的诉求。那么该如何对用户、产品、设计的诉求进行整合,在...

2023-11-01 22:04:17查看全文 >>

qq打字框怎么设置颜色

qq打字框怎么设置颜色

4月13日,QQ迎来了8.0.0foriOS的更新。在其 App Store 的更新描述中可以看到,本次更新不仅升级了 ...

2023-11-01 21:59:31查看全文 >>

怎么改掉qq对话框的颜色(qq信息对话框怎么改变底色)

怎么改掉qq对话框的颜色(qq信息对话框怎么改变底色)

在网页会话页面,会话窗口的主色均可设置,五种颜色可选择,点击立即生效;,...

2023-11-01 21:34:07查看全文 >>

qq怎么修改聊天框白底为黑底

qq怎么修改聊天框白底为黑底

我今天,就是要站着,还把钱给挣了。众所周知,《逆水寒》的官博是个喜欢整活的主儿,三周年找郑渊洁给玩家讲育儿经,前不久又名...

2023-11-01 21:50:51查看全文 >>

qq对话框字体颜色和底色怎么改(qq怎么改对话框字体颜色)

qq对话框字体颜色和底色怎么改(qq怎么改对话框字体颜色)

IT之家 12 月 28 日消息,据网友反馈,腾讯 QQ for Linux 新版 3.0.0 已上架官网(点此查看),...

2023-11-01 21:48:30查看全文 >>

qq怎么把聊天框调成蓝色(qq怎么调整聊天框)

qq怎么把聊天框调成蓝色(qq怎么调整聊天框)

支付宝新旧LOGO对比3月初,支付宝时隔五年后更新LOGO,将主色调由沉稳的蓝色改为更明快的亮蓝色,反映支付宝从金融支付...

2023-11-01 21:23:14查看全文 >>

qq消息框的颜色怎么改(qq消息框怎么取消)

qq消息框的颜色怎么改(qq消息框怎么取消)

在使用QQ邮箱时,有些用户不喜欢白色背景,是可以设置深色主题的,本期教程就为大家介绍一下设置方法,感兴趣的小伙伴不妨一起...

2023-11-01 21:27:59查看全文 >>

qq聊天框字体怎么设置大小

qq聊天框字体怎么设置大小

继,麒麟操作系统通用软件提质计划再出大招!“国民社交软件”腾讯QQ正式更新了!去年,腾讯QQ团队启动 QQ 架构升级计划...

2023-11-01 21:59:07查看全文 >>

支付宝家庭群有什么用(支付宝有没有家庭账号)

支付宝家庭群有什么用(支付宝有没有家庭账号)

马上要到中秋节了,各大平台网上网下的销售端,都在卯足劲吸引流量,支付平台也没闲着,在临近传统节日时,又开始放水发钱了,我...

2023-11-01 22:07:02查看全文 >>

支付宝自己创建群怎么操作(支付宝怎么创自己的群)

支付宝自己创建群怎么操作(支付宝怎么创自己的群)

根据支付宝开放平台公众号在10月12日宣布,他们再次升级了产品。这次的升级主要涉及商家群的免费开放以及新增的支付宝10大...

2023-11-01 21:36:15查看全文 >>

文档排行