目錄Qt 學習筆記全系列傳送門：
Qt 學習筆記 - 第一章 - 快速開始、信號與槽
【本章】Qt 學習筆記 - 第二章 - 添加圖片、布局、界面切換
- 1、給 Qt 工程添加圖片
- 2、Qt 布局
- 3、界面切換
1、給 Qt 工程添加圖片
注意：不要隨意更改所需圖片的后綴，否則可能導致無法正常使用，出現
Image format not supported檔案錯誤
-
添加圖片資源檔案
-
在編輯模塊中選擇專案目錄，右鍵，添加新檔案
-
模板選擇 Qt - Qt Resource File，命名不能包含中文
-
可見工程目錄下增加了 Resources 目錄
-
將圖片檔案拷貝到專案目錄
-
對 Resources 下的 .qrc 檔案右鍵，使用資源編輯器打開
-
單擊添加按鈕，添加前綴，可按照需要修改前綴
-
保存 .qrc 檔案
-
單擊添加按鈕，添加檔案，添加需要的圖片
-
-
參考圖片（使用
QLabel）- 添加
QLabel控制元件，清除QLabel中的文字 - 右擊
QLabel，選擇改變樣式表 - 點擊添加資源旁邊的箭頭，選擇
border-image，點選左側<resource root>，再選擇需要的圖片即可
- 添加
-
此外，按鈕等也可以添加圖片，方法相同
2、Qt 布局
目前程式存在問題：改變視窗大小時，界面不隨視窗變化
-
解決方案：使用布局
位于上方布局設計工具列中，選中多個組件后點選布局即可
- 水平布局
- 垂直布局
- 柵格布局
-
彈簧組件在組件欄中的 Spacers 部分，有橫向和縱向
- 可以配合其他組件進行布局，用于保持頁面排布
3、界面切換
-
創建新的界面
- 右鍵專案目錄，新建檔案
- 選擇 Qt - Qt設計師界面，模板選擇 Widget 即可，此處筆者使用的類名為
index
-
在槽函式中撰寫界面切換
void Widget::on_loginBtn_clicked() { // qDebug("welcome!"); QString uid = ui->uidEdit->text(); QString passwd = ui->passwdEdit->text(); if (uid == "123" && passwd == "123" ) { qDebug("welcome!"); index *idx = new index; idx->setGeometry(this->geometry()); idx->show(); } }
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/545916.html
標籤：其他
上一篇：07字串操作