知識回顧css
1.QGridLayout網格式佈局html
行和列的默認索引從0開始python
2.QTextEdit多行文本框web
本節知識視頻教程編程
如下開始文字講解：
微信
開始先講一個注意事項。
app
注意：網格佈局是能夠擴展性的。能夠隨着系統界面的變化而變化。這是屬於相對佈局。框架
1、案例目標ide
製做一個界面如右圖。功能是描述三原色。在設計中，咱們每每有三原色的概念。函數
基本上全部的顏色均可以有三種顏色調和而成，這三種顏色分別是紅、綠、藍。
咱們使用三個按鈕分表表述這三種顏色。每一個按鈕均可以有兩種狀態：即選中按鈕爲藍色，未選中按鈕爲默認灰色。在界面中用一個區塊（QFrame）來表示顏色的狀態。
2、開發思路
1.製做界面採用PYqt5進行佈局
2.採用盒子佈局的方法進行界面佈局
3.按鈕的狀態功能加入。
4.設置Qframe的背景顏色。
5.設置按鈕的點擊事件
6.設置三原色的狀況，最終仍是要經過改變Qframe樣式來實現顏色變化
3、開發過程
1. 使用框架容器QFrame
必須使用類庫QFrame
初始化：
myframe=QFrame()
注意點：
父容器能夠採用後期添加到盒子佈局的方式進行設置。
固然能夠能夠在初始化的時候設置。
父容器的設置會影響子容器的生命週期的。
2. 控件設置CSS風格
能夠經過setStyleSheet方法來設置。
這個方法幾乎在全部的Qwidget的控件上都能實現。
使用舉例：
myframe.setStyleSheet("QWidget{background-color:black}")
在setStyleSheet方法中使用一個css類型的字符串。
這個css風格使用格式：
須要控制的控件標籤或者行爲，而後寫一個大括號{}，咱們在大括號內寫各種控制某個標籤的樣式。樣式的書寫風格就是 屬性:值
3. 按鈕切換
設置按鈕是否能夠選中與不選中的狀態切換
使用setCheckable方法，默認狀況下這個方法設置的值爲false，咱們只有設置爲True才能打開這個按鈕的選中切換功能
舉例：
btnRed.setCheckable(True)
4. 槽函數傳參
槽函數的定義須要看咱們的信號源是否有參數。
信號源中有參數的部分的信號參數咱們須要使用中括號。
使用舉例：
btngGreen.clicked[bool].connect(self.setColor)
提問：如何傳遞控件對象呢？
同時sender函數來實現。
b=self.sender()
5. 三原色函數
使用Qcolor來實現。
紅、綠、藍的值的分爲都在[0,255]
第一個參數表示紅色
第二個參數表示綠色
第三個參數表示藍色
4、總結強調
1.掌握三原色函數
2.掌握佈局的思想
3.掌握按鈕的選擇狀態
4.掌握槽函數的設置
5.掌握信號槽傳參和控件事件的傳遞
長按關注公衆號
相關文章：
本文分享自微信公衆號 - 編程創造城市（bcczcs）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。