知识回顾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源创计划”,欢迎正在阅读的你也加入,一块儿分享。