QT Designer基礎——登錄界面設計基礎版2


認識QT Designer提供的可選控件:以下八個大類

Layouts:布局相關

Spacers:留空

Buttons:可點擊的按鈕類

Item Views和 Item Widgets:高級控件,例如一些列表顯式

Containers:高級控件,承載類控件,該類控件中可以存放其他控件

Input Widgets\Display Widgets:輸入可顯式相關的控件

 

坐標原點以及控件坐標點的標記位置:

坐標原點如下圖所示,可以設置不同的控件的坐標值來實現位置定位,以及控件對其,比如豎直排列對其,那就設置X值一樣。

控件是一個面的圖形,(x,y)到底標記的是圖形哪個點呢——控件選中狀態下都是矩形的(比如圖紙上的邊框用小黑點包裹起來),左上角的點。

常規的一些屬性修改:

1、為控件取名字——唯一的標識一個控件,這樣在代碼中方便引用。

2、改變坐標位置:

3、改變控件顏色、字體、字號:

注意:這里的控件顏色,需要指定改變的什么屬性的顏色(可選:背景顏色、文字顏色、邊框顏色...)

展示樣式:

 

使用布局控件來設計:

布局控件,就是下面4個控件+2個常用space控件,以及布局控件的快捷方式:

一旦將控件放進布局中,會出現一些問題,比如縮放時,兩個控件到底是一起進行大小縮放還是某一個會發生縮放? 能否單獨修改其中某個控件的尺寸位置?

1、放進布局中的控件,能否隨着布局被縮放,是在下面的屬性中進行配置的:

可見當前選中的布局中的lineEdit控件的水平策略是 expanding的,說明是可以進行水平縮放的。而垂直策略是fixed,表示寬度不會雖然布局整體縮放進行改變。當然還可以修改布局中前面一個label控件的策略使其能隨着布局整體縮放進行縮放。

2、登錄與取消兩個button控件始終是連在一起的,要想實現向最開始的那樣中間留有空格,需要使用spaces控件來實現。

3、上面的布局中的label與lineEdit控件的排列太近了,怎么讓它顯式更加隔開一些:

上面的寬度和高度屬性當前是灰色的,不能進行修改,那么通過什么途徑進行修改?

可以通過布局這個控件的的屬性修改:

垂直布局:對當前所有控件進行垂直布局

對窗體進行布局設置:

窗體也應該帶有布局屬性,這樣窗體在進行縮放時,窗體中控件才會整體進行縮放,下面是未進行窗體布局設置的情況:

怎么進行窗體布局設置:

最終修改的樣式:

 像一般的登錄窗口,不會有縮放功能,顯式的大小是固定的,怎么到達這個效果呢?

只需要設置窗體的長寬最大值和最小值固定位一致就行:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM