Qt信号与槽及QSS界面美化

火影  金牌会员 | 2024-12-29 22:24:56 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 804|帖子 804|积分 2412




login2_0.pro
  1. QT       += core gui
  3. greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
  5. CONFIG += c++11
  7. # The following define makes your compiler emit warnings if you use
  8. # any Qt feature that has been marked deprecated (the exact warnings
  9. # depend on your compiler). Please consult the documentation of the
  10. # deprecated API in order to know how to port your code away from it.
  11. DEFINES += QT_DEPRECATED_WARNINGS
  13. # You can also make your code fail to compile if it uses deprecated APIs.
  14. # In order to do so, uncomment the following line.
  15. # You can also select to disable deprecated APIs only up to a certain version of Qt.
  16. #DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0
  18. SOURCES += \
  19.     main.cpp \
  20.     user.cpp \
  21.     widget.cpp
  23. HEADERS += \
  24.     user.h \
  25.     widget.h
  27. FORMS += \
  28.     user.ui \
  29.     widget.ui
  31. # Default rules for deployment.
  32. qnx: target.path = /tmp/$${TARGET}/bin
  33. else: unix:!android: target.path = /opt/$${TARGET}/bin
  34. !isEmpty(target.path): INSTALLS += target
  36. RESOURCES += \
  37.     sor.qrc
复制代码
user.h
  1. #ifndef USER_H
  2. #define USER_H
  4. #include <QWidget>
  6. namespace Ui {
  7. class User;
  8. }
  10. class User : public QWidget
  11. {
  12.     Q_OBJECT
  14. public:
  15.     explicit User(QWidget *parent = nullptr);
  16.     ~User();
  18. public slots:
  19.     void login();
  20. private:
  21.     Ui::User *ui;
  22. };
  24. #endif // USER_H
复制代码
widget.h
  1. #ifndef WIDGET_H
  2. #define WIDGET_H
  4. #include <QWidget>
  5. #include <QTimer>
  6. QT_BEGIN_NAMESPACE
  7. namespace Ui { class Widget; }
  8. QT_END_NAMESPACE
  10. class Widget : public QWidget
  11. {
  12.     Q_OBJECT
  14. public:
  15.     Widget(QWidget *parent = nullptr);
  16.     ~Widget();
  17. signals:
  18.     void log_sig();
  19. public slots:
  20.     void btn_closed();
  21.     void btn_hide();
  22. private slots:
  23.     void on_pushButton_clicked();
  25. private:
  26.     Ui::Widget *ui;
  27. };
  28. #endif // WIDGET_H
复制代码
main.cpp
  1. #include "widget.h"
  2. #include "user.h"
  3. #include <QApplication>
  6. int main(int argc, char *argv[])
  7. {
  8.     QApplication a(argc, argv);
  9.     Widget w;
  10.     w.show();
  11.     User u;
  12.     QObject::connect(&w,&Widget::log_sig,&u,&User::login);
  13.     return a.exec();
  14. }
复制代码
user.cpp
  1. #include "user.h"
  2. #include "ui_user.h"
  4. User::User(QWidget *parent) :
  5.     QWidget(parent),
  6.     ui(new Ui::User)
  7. {
  8.     ui->setupUi(this);
  9. }
  11. User::~User()
  12. {
  13.     delete ui;
  14. }
  16. void User::login()
  17. {
  18.     this->show();
  19. }
复制代码
widget.cpp
  1. #include "widget.h"
  2. #include "ui_widget.h"
  4. Widget::Widget(QWidget *parent)
  5.     : QWidget(parent)
  6.     , ui(new Ui::Widget)
  7. {
  8.     ui->setupUi(this);
  9.     this->setWindowFlag(Qt::FramelessWindowHint);
  10.     this->setAttribute(Qt::WA_TranslucentBackground);
  11.     QObject::connect(ui->pushButton_2,SIGNAL(clicked()),this,SLOT(btn_closed()));
  12.     QObject::connect(ui->pushButton_3,SIGNAL(clicked()),this,SLOT(btn_hide()));
  13. }
  15. Widget::~Widget()
  16. {
  17.     delete ui;
  18. }
  20. void Widget::btn_closed()
  21. {
  22.     this->close();
  23. }
  24. void Widget::btn_hide()
  25. {
  26.     this->showMinimized();
  27. }
  28. void Widget::on_pushButton_clicked()
  29. {
  30.     if(ui->lineEdit->text() == "admin" && ui->lineEdit_2->text() == "12345")
  31.     {
  32.         ui->label_3->setStyleSheet(QString("background-color:blue;color:white"));
  33.         ui->label_3->setText("登陆成功");
  34.         emit log_sig();
  35.         // 使用 QTimer 延时关闭
  36.         QTimer::singleShot(600, this, [this]()
  37.         {
  38.             ui->label_3->setStyleSheet(QString("background:transparent;"));
  40.             this->close();
  41.         });
  42.     }
  43.     else
  44.     {
  45.         ui->label_3->setText("登陆失败");
  46.          ui->label_3->setStyleSheet(QString("background-color:red;color:black"));
  47.         // 使用 QTimer 延时清除文本
  48.         QTimer::singleShot(600, this, [this]()
  49.         {
  50.             ui->label_3->setStyleSheet(QString("background:transparent;"));
  51.             ui->label_3->setText("");
  52.             ui->lineEdit_2->setText("");
  53.         });
  54.     }
  55. }
复制代码
user.ui
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <ui version="4.0">
  3. <class>User</class>
  4. <widget class="QWidget" name="User">
  5.   <property name="geometry">
  6.    <rect>
  7.     <x>0</x>
  8.     <y>0</y>
  9.     <width>400</width>
  10.     <height>300</height>
  11.    </rect>
  12.   </property>
  13.   <property name="windowTitle">
  14.    <string>Form</string>
  15.   </property>
  16.   <widget class="QLabel" name="label">
  17.    <property name="geometry">
  18.     <rect>
  19.      <x>80</x>
  20.      <y>60</y>
  21.      <width>211</width>
  22.      <height>151</height>
  23.     </rect>
  24.    </property>
  25.    <property name="text">
  26.     <string>用户界面</string>
  27.    </property>
  28.   </widget>
  29. </widget>
  30. <resources/>
  31. <connections/>
  32. </ui>
复制代码
widget.ui
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <ui version="4.0">
  3. <class>Widget</class>
  4. <widget class="QWidget" name="Widget">
  5.   <property name="geometry">
  6.    <rect>
  7.     <x>0</x>
  8.     <y>0</y>
  9.     <width>510</width>
  10.     <height>630</height>
  11.    </rect>
  12.   </property>
  13.   <property name="windowTitle">
  14.    <string>Widget</string>
  15.   </property>
  16.   <property name="styleSheet">
  17.    <string notr="true">*{
  18.         background-color: rgb(85, 85, 127);
  19. }
  20. QFrame#frame{
  21.         border-image: url(:/Logo/shanChuan.jpg);
  22.         border-radius:30px;
  23. }
  25. QFrame#frame_2{
  26.         background-color: rgba(116, 116, 116, 100);
  27.         border-radius:30px;
  28. }
  30. QLabel#label{
  31.         background-color: rgba(0, 0, 0, 40);
  32.         border-radius:30px;
  33. }
  34. #label_2{
  35.         font: 75 18pt &quot;微软雅黑&quot;;
  36.         background:transparent;/*完全透明*/
  37.         color: rgba(193, 193, 193, 150);
  38. }
  39. #label_3{
  40.         qproperty-alignment: AlignCenter;
  41.         font: 75 20pt &quot;微软雅黑&quot;;
  42.         background:transparent;/*完全透明*/
  43.         color: rgba(255, 0, 0, 150);
  44. }
  45. QLineEdit{
  46.         background-color: rgba(195, 195, 195, 0);
  47.         border:none;/*无边框*/
  48.         border-bottom:1px solid rgba(255, 255, 255, 150);
  49.         color: rgba(193, 193, 193, 150);
  50. }
  51. QPushButton#pushButton{
  52.         background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0.6875 rgba(0, 47, 225, 255), stop:1 rgba(255, 255, 255, 255));
  53.         font: 75 16pt &quot;微软雅黑&quot;;
  54.         color: rgba(193, 193, 193, 150);
  55.         border-radius:5px;
  56. }
  57. QPushButton#pushButton:hover{
  58.         background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0.6875 rgba(50, 80, 225, 255), stop:1 rgba(255, 255, 255, 255));
  59.         font: 75 16pt &quot;微软雅黑&quot;;
  60.         color: rgba(193, 193, 193, 150);
  61.         border-radius:5px;
  62. }
  63. QPushButton#pushButton:pressed{
  64.         background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0.6875 rgba(80, 47, 225, 255), stop:1 rgba(255, 255, 255, 255));
  65.         font: 75 16pt &quot;微软雅黑&quot;;
  66.         color: rgba(193, 193, 193, 150);
  67.         border-radius:5px;
  68.         padding-top:5px;
  69.         padding-left:5px;
  70. }
  71. QPushButton#pushButton_2{
  72.        
  73.         background-color: rgba(214, 214, 214, 0);
  74.         font: 75 16pt &quot;微软雅黑&quot;;
  75.         color: rgba(193, 193, 193, 150);
  76.         border-radius:5px;
  77. }
  78. QPushButton#pushButton_2:hover{
  79.         background-color: red;
  80.         font: 75 16pt &quot;微软雅黑&quot;;
  81.         color: rgba(193, 193, 193, 150);
  82.         border-radius:5px;
  83. }
  84. QPushButton#pushButton_2:pressed{
  85.         background-color: rgba(214, 214, 214, 0);
  86.         font: 75 16pt &quot;微软雅黑&quot;;
  87.         color: rgba(193, 193, 193, 150);
  88.         border-radius:5px;
  89.         padding-top:5px;
  90.         padding-left:5px;
  91. }
  92. QPushButton#pushButton_3{
  93.        
  94.         background-color: rgba(214, 214, 214, 0);
  95.         font: 75 25pt &quot;微软雅黑&quot;;
  96.         color: rgba(193, 193, 193, 150);
  97.         border-radius:5px;
  98. }
  99. QPushButton#pushButton_3:hover{
  100.         background-color: red;
  101.         font: 75 25pt &quot;微软雅黑&quot;;
  102.         color: rgba(193, 193, 193, 150);
  103.         border-radius:5px;
  104. }
  105. QPushButton#pushButton_3:pressed{
  106.         background-color: rgba(214, 214, 214, 0);
  107.         font: 75 25pt &quot;微软雅黑&quot;;
  108.         color: rgba(193, 193, 193, 150);
  109.         border-radius:5px;
  110.         padding-top:5px;
  111.         padding-left:5px;
  112. }
  115. </string>
  116.   </property>
  117.   <widget class="QFrame" name="frame">
  118.    <property name="geometry">
  119.     <rect>
  120.      <x>40</x>
  121.      <y>90</y>
  122.      <width>431</width>
  123.      <height>501</height>
  124.     </rect>
  125.    </property>
  126.    <property name="styleSheet">
  127.     <string notr="true"/>
  128.    </property>
  129.    <property name="frameShape">
  130.     <enum>QFrame::StyledPanel</enum>
  131.    </property>
  132.    <property name="frameShadow">
  133.     <enum>QFrame::Raised</enum>
  134.    </property>
  135.    <widget class="QFrame" name="frame_2">
  136.     <property name="geometry">
  137.      <rect>
  138.       <x>0</x>
  139.       <y>0</y>
  140.       <width>431</width>
  141.       <height>501</height>
  142.      </rect>
  143.     </property>
  144.     <property name="frameShape">
  145.      <enum>QFrame::StyledPanel</enum>
  146.     </property>
  147.     <property name="frameShadow">
  148.      <enum>QFrame::Raised</enum>
  149.     </property>
  150.     <widget class="QLabel" name="label">
  151.      <property name="geometry">
  152.       <rect>
  153.        <x>40</x>
  154.        <y>60</y>
  155.        <width>350</width>
  156.        <height>420</height>
  157.       </rect>
  158.      </property>
  159.      <property name="text">
  160.       <string/>
  161.      </property>
  162.     </widget>
  163.     <widget class="QLabel" name="label_2">
  164.      <property name="geometry">
  165.       <rect>
  166.        <x>150</x>
  167.        <y>100</y>
  168.        <width>121</width>
  169.        <height>31</height>
  170.       </rect>
  171.      </property>
  172.      <property name="font">
  173.       <font>
  174.        <family>微软雅黑</family>
  175.        <pointsize>18</pointsize>
  176.        <weight>9</weight>
  177.        <italic>false</italic>
  178.        <bold>false</bold>
  179.       </font>
  180.      </property>
  181.      <property name="text">
  182.       <string>登陆界面</string>
  183.      </property>
  184.     </widget>
  185.     <widget class="QLineEdit" name="lineEdit">
  186.      <property name="geometry">
  187.       <rect>
  188.        <x>80</x>
  189.        <y>200</y>
  190.        <width>261</width>
  191.        <height>51</height>
  192.       </rect>
  193.      </property>
  194.      <property name="font">
  195.       <font>
  196.        <pointsize>13</pointsize>
  197.       </font>
  198.      </property>
  199.      <property name="placeholderText">
  200.       <string>请输入账户：</string>
  201.      </property>
  202.     </widget>
  203.     <widget class="QLineEdit" name="lineEdit_2">
  204.      <property name="geometry">
  205.       <rect>
  206.        <x>80</x>
  207.        <y>290</y>
  208.        <width>261</width>
  209.        <height>51</height>
  210.       </rect>
  211.      </property>
  212.      <property name="font">
  213.       <font>
  214.        <pointsize>13</pointsize>
  215.       </font>
  216.      </property>
  217.      <property name="echoMode">
  218.       <enum>QLineEdit::Password</enum>
  219.      </property>
  220.      <property name="placeholderText">
  221.       <string>请输入密码：</string>
  222.      </property>
  223.     </widget>
  224.     <widget class="QPushButton" name="pushButton">
  225.      <property name="geometry">
  226.       <rect>
  227.        <x>80</x>
  228.        <y>390</y>
  229.        <width>261</width>
  230.        <height>51</height>
  231.       </rect>
  232.      </property>
  233.      <property name="text">
  234.       <string>登陆</string>
  235.      </property>
  236.     </widget>
  237.     <widget class="QLabel" name="label_3">
  238.      <property name="geometry">
  239.       <rect>
  240.        <x>40</x>
  241.        <y>10</y>
  242.        <width>351</width>
  243.        <height>51</height>
  244.       </rect>
  245.      </property>
  246.      <property name="font">
  247.       <font>
  248.        <family>微软雅黑</family>
  249.        <pointsize>20</pointsize>
  250.        <weight>9</weight>
  251.        <italic>false</italic>
  252.        <bold>false</bold>
  253.       </font>
  254.      </property>
  255.      <property name="text">
  256.       <string/>
  257.      </property>
  258.     </widget>
  259.     <widget class="QPushButton" name="pushButton_2">
  260.      <property name="geometry">
  261.       <rect>
  262.        <x>370</x>
  263.        <y>0</y>
  264.        <width>51</width>
  265.        <height>31</height>
  266.       </rect>
  267.      </property>
  268.      <property name="text">
  269.       <string>x</string>
  270.      </property>
  271.     </widget>
  272.     <widget class="QPushButton" name="pushButton_3">
  273.      <property name="geometry">
  274.       <rect>
  275.        <x>320</x>
  276.        <y>0</y>
  277.        <width>51</width>
  278.        <height>31</height>
  279.       </rect>
  280.      </property>
  281.      <property name="font">
  282.       <font>
  283.        <family>微软雅黑</family>
  284.        <pointsize>25</pointsize>
  285.        <weight>9</weight>
  286.        <italic>false</italic>
  287.        <bold>false</bold>
  288.       </font>
  289.      </property>
  290.      <property name="text">
  291.       <string>-</string>
  292.      </property>
  293.     </widget>
  294.    </widget>
  295.   </widget>
  296. </widget>
  297. <resources/>
  298. <connections/>
  299. </ui>
复制代码


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

火影

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表