【QTdesigner】课时68.在单元格中放置控件(QWidget)【pyqt5+QTdesigner模式】

课程目录

  • 视频链接
  • 知识点扩充
  • 课程重点
  • 代码位置
  • 完整代码
  • 遇到的问题
  • 改写效果展示
  • 改写注意点
  • 改写代码(QTdesigner模式)

>>> 点击进入:pyqt5专栏<<<

老师原课件下载地址:
有积分的朋友,支持下我,打赏也OK。
不下载也可以,我每节课会吧代码贴出来


视频链接

P67课时68.在单元格中放置控件


知识点扩充

【PyQt】Qt designer中Stylesheet使用的注意事项
Stylesheet的官网解释


课程重点

【QTdesigner】课时68.在单元格中放置控件(QWidget)【pyqt5+QTdesigner模式】_第1张图片
这里需要用到QSS的技术,后面老师会将
【QTdesigner】课时68.在单元格中放置控件(QWidget)【pyqt5+QTdesigner模式】_第2张图片


代码位置

【QTdesigner】课时68.在单元格中放置控件(QWidget)【pyqt5+QTdesigner模式】_第3张图片


完整代码

'''

在单元格中放置控件

setItem:将文本放到单元格中
setCellWidget:将控件放到单元格中
setStyleSheet:设置控件的样式(QSS)

'''

import sys
from PyQt5.QtWidgets import (QWidget, QTableWidget, QHBoxLayout, QApplication, QTableWidgetItem, QAbstractItemView,
                              QComboBox, QPushButton)


class PlaceControlInCell(QWidget):
    def __init__(self):
        super(PlaceControlInCell,self).__init__()
        self.initUI()

    def initUI(self):
        self.setWindowTitle("在单元格中放置控件")
        self.resize(430, 300);
        layout = QHBoxLayout()
        tableWidget = QTableWidget()
        tableWidget.setRowCount(4)
        tableWidget.setColumnCount(3)

        layout.addWidget(tableWidget)

        tableWidget.setHorizontalHeaderLabels(['姓名','性别','体重(kg)'])
        textItem = QTableWidgetItem('小明')
        tableWidget.setItem(0,0,textItem)

        combox = QComboBox()
        combox.addItem('男')
        combox.addItem('女')
        # QSS Qt StyleSheet
        combox.setStyleSheet('QComboBox{margin:3px};')
        tableWidget.setCellWidget(0,1,combox)

        modifyButton = QPushButton('修改')
        modifyButton.setDown(True)
        modifyButton.setStyleSheet('QPushButton{margin:3px};')
        tableWidget.setCellWidget(0,2,modifyButton)

        self.setLayout(layout)



if __name__ == '__main__':
    app = QApplication(sys.argv)
    example = PlaceControlInCell()
    example.show()
    sys.exit(app.exec_())


遇到的问题

控件无法直接拖到表格中,需要用语法。或者使用stylesheet,录入响应的代码
【QTdesigner】课时68.在单元格中放置控件(QWidget)【pyqt5+QTdesigner模式】_第4张图片


改写效果展示

【QTdesigner】课时68.在单元格中放置控件(QWidget)【pyqt5+QTdesigner模式】_第5张图片


改写注意点

QSS的内容,后面在学吧


改写代码(QTdesigner模式)

# -*- coding:utf-8 -*-
'''
@Author: knocky
@Blog: https://blog.csdn.net/zzx188891020
@E-mail: [email protected]
@File: class68.py
@CreateTime: 2020/6/3 23:55
'''

import sys
from PyQt5.QtWidgets import QApplication,QWidget,QComboBox,QPushButton
from PyQt5 import uic


class my_form(QWidget):
    def __init__(self):
        super().__init__()
        uic.loadUi('../ui_package/class68.ui', self)

        combox = QComboBox()
        combox.addItem('男')
        combox.addItem('女')
        # QSS Qt StyleSheet
        combox.setStyleSheet('QComboBox{margin:3px};')
        self.tableWidget.setCellWidget(0, 1, combox)

        modifyButton = QPushButton('修改')
        modifyButton.setDown(True)
        modifyButton.setStyleSheet('QPushButton{margin:3px};')
        self.tableWidget.setCellWidget(0, 2, modifyButton)



if __name__ == '__main__':
    app = QApplication(sys.argv)
    main = my_form()
    main.show()
    sys.exit(app.exec_())

你可能感兴趣的:(pyqt5)