網站首頁 編程語言 正文
main.cpp
#include "mainwindow.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MainWindow w;
return a.exec();
}
mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include<QPushButton>
#include <QMainWindow>
#include <QTextCodec>//解決字符編碼亂碼問題
#include<QTextEdit>
#include <QSlider>//滑動桿
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
MainWindow(QWidget *parent = nullptr);
~MainWindow();
public slots:
private:
Ui::MainWindow *ui;
QTextCodec *codec;
QWidget *window;
QPushButton *button1;
QPushButton *button2;
QPushButton *button3;
QPushButton *button4;
QPushButton *button5;
QWidget *win;//方便全局使用
QWidget *newweigdet;
};
#endif // MAINWINDOW_H
mainwindow.cpp
我就不一一舉例了,具體在代碼中滲透
//=============================布局管理器全精通
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QString>
#include<QStringLiteral>
#include<QDebug>//控制臺輸出
//==========================布局管理器
#include<QVBoxLayout>//水平
#include<QHBoxLayout>//垂直
#include<QHBoxLayout>//網格
#include<QRadioButton>
#include <QLineEdit>
#include <QCheckBox>
#include<QLabel>
#include<QPixmap>
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow)
{
ui->setupUi(this);
codec = QTextCodec::codecForName("gbk");//設置字符編碼
codec->setCodecForLocale(codec);
setWindowTitle(codec->toUnicode("UI學習筆記"));
win = new QWidget;//創建一個窗口部件
newweigdet = new QWidget;
newweigdet->hide();
QHBoxLayout *hlay = new QHBoxLayout();//創建水平布局
QPushButton *bt1 = new QPushButton("bt1");
bt1->setFixedSize(100,40);//設置寬高,位置不變
QPushButton *bt2 = new QPushButton("bt2");
QPushButton *bt3 = new QPushButton("bt3");
QPushButton *bt4 = new QPushButton("bt4");
bt2->setFixedSize(100,40);//設置寬高,位置不變
bt3->setFixedSize(100,40);//設置寬高,位置不變
// qDebug()<<bt1->x()<<" "<<bt1->y()<<" "<<bt1->width()<<" "<<bt1->height();
// bt1->setGeometry(0,0,800,640);
hlay->addWidget(bt1);
hlay->addWidget(bt2);
hlay->addWidget(bt3);
hlay->addWidget(bt4);
hlay->setSpacing(30);//設置組件之間的距離
//hlay->setContentsMargins(10,10,10,10);//設置內部控件與邊框的距離
//新建垂直布局
QVBoxLayout *vlay = new QVBoxLayout();
//創建3個QRadioButton
QRadioButton *rb1 = new QRadioButton("QRadioButton 1");
QRadioButton *rb2 = new QRadioButton("QRadioButton 2");
QRadioButton *rb3 = new QRadioButton("QRadioButton 3");
//將水平布局放入垂直布局
vlay->addItem(hlay);
vlay->addWidget(rb1);
vlay->addWidget(rb2);
vlay->addWidget(rb3);
vlay->setSpacing(30);//設置組件之間的距離
vlay->setContentsMargins(30,10,10,10);//設置內部控件與邊框的距離
/*控件大小范圍限定
通過上面的代碼我們發現一個現象:程序中并沒有去設置子控件的大小,
其默認大小是Qt自動設置的,同時在窗口大小改變時,控件大小也會隨之調整。
然而有時候我們并不想要這樣的效果,我們只想讓控件大小保持在某一范圍內,
這時就需要用到下面幾個API進行設置了。*/
//設置按鈕bt4最小寬度和最大寬度
bt4->setMinimumWidth(60);
bt4->setMaximumWidth(70);
bt4->setFixedSize(50,50);//設置這個部件的寬和高【重要】
QHBoxLayout *hlay2 = new QHBoxLayout();
QPushButton *btOK = new QPushButton("OK");
QPushButton *btCancel= new QPushButton("Cancel");
hlay2->addWidget(btOK);
//增加可伸縮空間
hlay2->addStretch();//拉扯不影響大小【重點】
hlay2->addWidget(btCancel);
vlay->addItem(hlay2);
QHBoxLayout *hlay3 = new QHBoxLayout();
QPushButton *bt61 = new QPushButton("bt61");
QPushButton *bt62= new QPushButton("bt62");
QPushButton *bt63= new QPushButton("bt63");
// bt61->setFixedSize(100,40);//設置寬高,位置不變
// bt62->setFixedSize(100,40);//設置寬高,位置不變
// bt63->setFixedSize(100,40);//設置寬高,位置不變
hlay3->addWidget(bt61);
hlay3->addWidget(bt62);
hlay3->addWidget(bt63);
//Qt中可以設定控件的拉伸系數,也可以理解為控件的縮放比例。
hlay3->setStretchFactor(bt61,1);
hlay3->setStretchFactor(bt62,2);
hlay3->setStretchFactor(bt63,3);
vlay->addItem(hlay3);
win->setLayout(vlay);//水平和垂直組件放在這個QWidget
win->show();//顯示
bt4->setFixedSize(100,50);
bt4->setText(codec->toUnicode("下一頁內容"));
connect(bt4,&QPushButton::clicked,[&](){
on_pushButton_clicked();
});//設置信號與槽 上一章已經出過文章了
}
MainWindow::~MainWindow()
{
delete ui;
}
//網格布局
void MainWindow::on_pushButton_clicked()
{
win->hide();//隱藏上一個窗口
// 構建控件 頭像、用戶名、密碼輸入框等
QLabel *pImageLabel = new QLabel;
QLineEdit *pUserLineEdit = new QLineEdit;
QLineEdit *pPasswordLineEdit = new QLineEdit;
QCheckBox *pRememberCheckBox = new QCheckBox;
QCheckBox *pAutoLoginCheckBox = new QCheckBox;
QPushButton *pLoginButton = new QPushButton;
QPushButton *pRegisterButton = new QPushButton;
QPushButton *pForgotButton = new QPushButton;
QPushButton *page_up = new QPushButton;
pLoginButton->setFixedHeight(30);//設置寬
pUserLineEdit->setFixedWidth(200);//設置寬
// 設置頭像
QPixmap pixmap("C:/Users/SuJieYin/Pictures/Saved Pictures/2.png");
pImageLabel->setFixedSize(90, 90);
pImageLabel->setPixmap(pixmap);
pImageLabel->setScaledContents(true);//圖片適應標簽
// 設置文本
pUserLineEdit->setPlaceholderText(codec->toUnicode("QQ號碼/手機/郵箱"));//顯示中文
pPasswordLineEdit->setPlaceholderText(codec->toUnicode("密碼"));
pPasswordLineEdit->setEchoMode(QLineEdit::Password);//隱藏
pRememberCheckBox->setText(codec->toUnicode("記住密碼"));
pAutoLoginCheckBox->setText(codec->toUnicode("自動登錄"));
pLoginButton->setText(codec->toUnicode("登錄"));
pRegisterButton->setText(codec->toUnicode("注冊賬號"));
pForgotButton->setText(codec->toUnicode("找回密碼"));
page_up->setText(codec->toUnicode("上一頁"));
QGridLayout *pLayout = new QGridLayout();
// 頭像 第0行,第0列開始,占3行1列
pLayout->addWidget(pImageLabel, 0, 0, 3, 1);
// 用戶名輸入框 第0行,第1列開始,占1行2列
pLayout->addWidget(pUserLineEdit, 0, 1, 1, 2);
pLayout->addWidget(pRegisterButton, 0, 4);
// 密碼輸入框 第1行,第1列開始,占1行2列
pLayout->addWidget(pPasswordLineEdit, 1, 1, 1, 2);
pLayout->addWidget(pForgotButton, 1, 4);
// 記住密碼 第2行,第1列開始,占1行1列 水平居左 垂直居中
pLayout->addWidget(pRememberCheckBox, 2, 1, 1, 1, Qt::AlignLeft | Qt::AlignVCenter);
// 自動登錄 第2行,第2列開始,占1行1列 水平居右 垂直居中
pLayout->addWidget(pAutoLoginCheckBox, 2, 2, 1, 1, Qt::AlignRight | Qt::AlignVCenter);
// 登錄按鈕 第3行,第1列開始,占1行2列
pLayout->addWidget(pLoginButton, 3, 1, 1, 2);
pLayout->addWidget(page_up,3,4);//設置上一頁在第三行第四列
connect(page_up,&QPushButton::clicked,[&](){
win->show();
});
// 設置水平間距
pLayout->setHorizontalSpacing(10);
// 設置垂直間距
pLayout->setVerticalSpacing(10);
// 設置外間距
pLayout->setContentsMargins(10, 10, 10, 10);//邊框間距設置
newweigdet->setLayout(pLayout);//添加進窗口部件
newweigdet->show();//顯示窗口部件
}
ui界面設計
由于是通過純代碼實現,所以ui界面是空的,不信你看:
實際具體細看代碼如何實現,注釋的已經很清晰了。
登錄界面為例
以下如圖:第一頁
實際運行CTRL+R,點擊下一頁如圖:
總結
學習QT并不是一朝一夕,龐大的函數庫,需要巨大的精力投入學習,掌握基礎方法后,通過QT手冊邊學邊做,而布局管理器幾乎所有項目都要用到,美觀的外表非常的重要。
原文鏈接:https://blog.csdn.net/m0_45463480/article/details/125406023
相關推薦
- 2022-05-25 文字解說Golang?Goroutine和線程的區別_Golang
- 2022-05-09 Python?matplotlib繪制實時數據動畫_python
- 2022-10-22 C#中的屬性解析(get、set、value)_C#教程
- 2022-12-15 Python爬蟲庫urllib的使用教程詳解_python
- 2022-05-27 hive中的幾種join到底有什么區別_數據庫其它
- 2022-02-20 Ubuntu18.04更改apt源為阿里云源的詳細過程_Linux
- 2022-04-14 Python實現用戶注冊登錄程序_python
- 2022-06-01 聊聊.Net,Core配置Nlog.md的問題_實用技巧
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支