pyqt5-布局控件

 

 

继承图：

 

 

在布局中添加控件用addWidght()，添加布局用addLayout()

 

QBoxLayout：

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QBoxLayout
from PyQt5.QtCore import QSize

class Label(QLabel):
    def minimumSizeHint(self):  #建议的最小尺寸函数
        return QSize(50,50)

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.resize(300,300)
        self.label1 = Label('标签1')
        self.label2 = QLabel('标签2')
        self.label3 = QLabel('标签3')
        self.label1.setStyleSheet('background-color: rgb(255, 0, 0)')
        self.label2.setStyleSheet('background-color: rgb(0, 255, 0)')
        self.label3.setStyleSheet('background-color: rgb(0, 0, 255)')

        layout=QBoxLayout(QBoxLayout.RightToLeft)  #创建一个盒子布局
        #参数1  布局方向:  --必须有
            #QBoxLayout.TopToBottom=2   从上往下
            #QBoxLayout.BottomToTop=3  从下往上
            #QBoxLayout.LeftToRight=0   从左往右
            #QBoxLayout.RightToLeft=1  从右往左

        self.setLayout(layout)  #给self设置布局管理器

        layout.addWidget(self.label1)  #给布局管理器添加控件
        # 这是QLayout的指令

        #layout.addSpacing(50)  #添加间距-间距
        #参数   像素

        layout.addWidget(self.label2)
        layout.addWidget(self.label3)



        layout.setSpacing(2)  #设置内边距---控件之间的距离
        #这是QLayout的指令

        layout.setContentsMargins(20,30,40,50)  #设置外边距--控件到窗口边框的距离
        # 这是QLayout的指令
        # 参数1 左边距离
        # 参数2 上边距离
        # 参数3 右边距离
        # 参数4 下边距离

        self.label4 = QLabel('标签4')
        self.label4.setStyleSheet('background-color: yellow')

        layout.replaceWidget(self.label2,self.label4)   #替换控件
        #把self.label2替换成self.label4
        #注意：被替换掉的控件不在受布局管理器的控制，要把它隐藏或删除或脱离或添加到别的布局管理器中
        # 这是QLayout的指令

        #self.label2.hide()  #隐藏控件
        self.label2.setParent(None)  #脱离父对象

        #布局的嵌套：
        self.label5 = QLabel('标签5')
        self.label5.setStyleSheet('background-color: rgb(255, 255, 0)')
        self.label6 = QLabel('标签6')
        self.label6.setStyleSheet('background-color: rgb(255, 0, 255)')
        self.label7 = QLabel('标签7')
        self.label7.setStyleSheet('background-color: rgb(0, 255, 255)')
        layout1=QBoxLayout(QBoxLayout.BottomToTop)
        layout1.addWidget(self.label5)
        layout1.addWidget(self.label6)
        layout1.addWidget(self.label7)

        #layout.addLayout(layout1)  #添加布局管理器
        # 这是QLayout的指令

        layout.setDirection(QBoxLayout.LeftToRight)  # 设置方向
        # direction()  返回方向

        layout.insertWidget(3,self.label2)    #插入控件
        #参数1   位置序号

        layout.insertLayout(2,layout1)   #插入布局
        # 参数1   位置序号

        #layout.removeWidget(self.label1)  #从布局中移除控件
        #不是删除控件

        layout.insertSpacing(4,50)  #插入空白-间距
        #参数1  位置索引--不包括已有空白
        #参数2  空白像素


        layout.setEnabled(True)  #是否可用
        #默认 True

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

 

 

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QBoxLayout

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.resize(300,300)
        self.label1 = QLabel('标签1')
        self.label2 = QLabel('标签2')
        self.label3 = QLabel('标签3')
        self.label1.setStyleSheet('background-color: rgb(255, 0, 0)')
        self.label2.setStyleSheet('background-color: rgb(0, 255, 0)')
        self.label3.setStyleSheet('background-color: rgb(0, 0, 255)')

        layout=QBoxLayout(QBoxLayout.RightToLeft)
        self.setLayout(layout)
        # layout.addWidget(self.label1,1)
        # layout.addWidget(self.label2,2)
        # layout.addWidget(self.label3,3)
        #参数2 伸缩因子：就是占用的份数(倍数)；总的分成6份，label1占1份，label2占2份，label3占3份
        # 0  不伸缩


        # layout.addWidget(self.label1, 1)
        # #layout.addStretch(2)  #添加空白伸缩因子
        # #注意：这个空白伸缩可以压缩成0；只有足够大时才有效
        # layout.addWidget(self.label2, 2)
        # layout.addWidget(self.label3, 3)
        #
        # layout.insertStretch(1,2)  #插入空白伸缩因子
        # #参数1 位置序号   参数2 伸缩份数

        layout.addWidget(self.label1)
        layout.addStretch()
        layout.addWidget(self.label2)
        layout.addStretch()
        layout.addWidget(self.label3)
        #此时的伸缩因子都是0，控件不在伸缩，会把多余部分都给空白

        layout.setStretchFactor(self.label2,1)  #设置伸缩因子
        #参数1   可以是控件   可以是子布局

        layout.setStretchFactor(self.label1, 1)





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

 

 

 

垂直布局QVBoxLayout

需要导入  from PyQt5.QtWidgets import QVBoxLayout

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QVBoxLayout
from PyQt5.QtCore import Qt

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.label1 = QLabel('标签1')
        self.label2 = QLabel('标签2')
        self.label3 = QLabel('标签3')
        self.label1.setStyleSheet('background-color: rgb(255, 0, 0)')
        self.label2.setStyleSheet('background-color: rgb(0, 255, 0)')
        self.label3.setStyleSheet('background-color: rgb(0, 0, 255)')
        self.v_layout = QVBoxLayout()  #实例化一个垂直布局管理器
        self.v_layout.addWidget(self.label1)  #将控件添加到垂直布局中，最先添加的出现在最上方
        self.v_layout.addWidget(self.label2)
        self.v_layout.addWidget(self.label3)

        self.v_layout.setContentsMargins(20,30,40,50) #设置外边距--到窗口边框的距离
        #参数1 左边距离
        #参数2 上边距离
        #参数3 右边距离
        #参数4 下边距离

        self.v_layout.setSpacing(20)  #设置内边距---各控件之间的距离


        self.setLayout(self.v_layout)  #将self.v_layout设为整个窗口的最终布局方式
        #给self设置布局管理器;给布局管理器设置父对象

        


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

 

 

 

 

 

 

水平布局QHBoxLayout

需要  from PyQt5.QtWidgets import QHBoxLayout

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QHBoxLayout
from PyQt5.QtCore import Qt

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.label1 = QLabel('标签1')
        self.label2 = QLabel('标签2')
        self.label3 = QLabel('标签3')
        self.label1.setStyleSheet('">self.label2.setStyleSheet('">self.label3.setStyleSheet('">self.v_layout = QHBoxLayout()  #实例化一个垂直布局管理器
        self.v_layout.addWidget(self.label1)  #将控件添加到垂直布局中，最先添加的出现在最上方
        self.v_layout.addWidget(self.label2)
        self.v_layout.addWidget(self.label3)

        self.v_layout.setContentsMargins(20,30,40,50) #设置外边距--到窗口边框的距离
        #参数1 左边距离
        #参数2 上边距离
        #参数3 右边距离
        #参数4 下边距离

        self.v_layout.setSpacing(20)  #设置内边距---各控件之间的距离


        self.setLayout(self.v_layout)  #将self.v_layout设为整个窗口的最终布局方式
        #给self设置布局管理器;给布局管理器设置父对象

        self.setLayoutDirection(Qt.RightToLeft)  #设置布局方向
        #Qt.RightToLeft  从右到左
        #Qt.LeftToRight   从左到右
        #Qt.LayoutDirectionAuto  自由布局

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

效果图：

 

 

 

 

 

表单布局QFormLayout

 两列多行 分布的

 

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QLineEdit,QFormLayout,QSpinBox,QPushButton,QRadioButton,QHBoxLayout
from PyQt5.QtCore import Qt

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.resize(300,400)
        label1 = QLabel('姓名:')
        label2 = QLabel('年龄:')
        le=QLineEdit()
        sb=QSpinBox()
        btn=QPushButton('提交')
        label2.destroyed.connect(lambda :print('标签2被销毁'))
        sb.destroyed.connect(lambda :print('sb被销毁'))

        fl=QFormLayout()  #创建表单控件
        self.setLayout(fl)

        fl.addRow(label1,le)  #添加行--方式一
        #也可以添加布局

        fl.addRow(label2,sb)

        # fl.addRow('姓名(&n)：',le)  ##添加行--方式二--可以自动绑定小伙伴
        # fl.addRow('年龄(&g):',sb)

        fl.addRow(btn)  #只有一个控件时，添加到第1列

        rb1 = QRadioButton('男')
        rb2 = QRadioButton('女')
        h_layout=QHBoxLayout()
        h_layout.addWidget(rb1)
        h_layout.addWidget(rb2)
        label3 = QLabel('性别:')
        fl.insertRow(2,label3,h_layout)  #插入行
        #参数1  位置序号
        #如果序号越界就加在最后面

        s=fl.rowCount()  #返回总行数
        s=fl.getWidgetPosition(le)  #返回指定控件的位置信息
        #(0, 1)   第0行 第1列
        s=fl.getLayoutPosition(h_layout)  #返回指定布局的位置信息
        #(2, 1)

        s=fl.getWidgetPosition(rb2)
        #(-1, 1)   第一元素值返回-1 表示控件不在这个布局中

        #fl.removeRow(1)  #把指定行移出布局(释放移除的控件)
        #参数 要移除的行序号

        #r=fl.takeRow(1)  #把指定行移出布局(不释放移除的控件)
        #要把移出的控件隐藏或脱离或添加到其它布局

        #label2.hide()
        #sb.hide()

        #s=r.labelItem.widget()  #返回被移出的0列的控件
        #s = r.fieldItem.widget()  # 返回被移出的1列的控件

        #fl.removeRow(label2)  # 把指定行移出布局(释放移除的控件)
        #把label2所在行的控件移除

        #fl.removeWidget(label2)  #移出指定的一个控件(不释放)

        le5=QLineEdit()
        fl.addRow('班级：',le5)

        s=fl.labelForField(le5)  #根据第一列的控件返回第0列控件
        s.setText('学校：'*5)

        fl.setRowWrapPolicy(QFormLayout.WrapLongRows)  #设置行策略
        #QFormLayout.WrapLongRows   标签要显示完整，如果字段列空间不足就移到下一行----没有效果？？？？
        #QFormLayout.WrapAllRows    标签列和字段列分成两行显示
        #QFormLayout.DontWrapRows   字段列总是放在标签列旁边

        s=fl.formAlignment()  #返回表单的对齐方式
        if s==Qt.AlignLeft | Qt.AlignTop :
            print('左顶部对齐')
        fl.setFormAlignment(Qt.AlignLeft | Qt.AlignBottom)  #设置表单对齐方式
        #对齐看 https://www.cnblogs.com/liming19680104/p/10357263.html

        fl.setLabelAlignment(Qt.AlignRight)  #设置第0列标签的对齐方式

        fl.setVerticalSpacing(20)  #设置垂直方向两行间的间距
        fl.setHorizontalSpacing(20)  #设置水平方向两列间的间距

        fl.setFieldGrowthPolicy(QFormLayout.ExpandingFieldsGrow)  #第1列字段列水平增长策略
        #QFormLayout.FieldsStayAtSizeHint=0   保持建议大小，到了建议长度后不在增长
        #QFormLayout.ExpandingFieldsGrow=1   只有大小策略设置了Expanding或MinimumExpanding的控件才会被尽可能拉伸占满布局，否则同FieldsStayAtSizeHint
        #QFormLayout.AllNonFixedFieldsGrow=2  所有字段栏都可以被拉伸来占满布局。这是大多数样式的默认策略


        print(s)


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

 

 

 

 

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QLineEdit,QFormLayout,QSpinBox,QPushButton,QRadioButton,QHBoxLayout

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()

        label1 = QLabel('姓名:')
        label2 = QLabel('年龄:')
        le=QLineEdit()
        sb=QSpinBox()
        btn=QPushButton('提交')

        fl=QFormLayout()  #创建表单控件
        self.setLayout(fl)

        rb1 = QRadioButton('男')
        rb2 = QRadioButton('女')
        h_layout=QHBoxLayout()
        h_layout.addWidget(rb1)
        h_layout.addWidget(rb2)
        label3 = QLabel('性别:')

        fl.setWidget(0,QFormLayout.LabelRole,label1)  #设置控件--添加控件
        #参数1 行序号
        #参数2 控件角色---决定是0列还是1列:
            #QFormLayout.LabelRole   第0列
            #QFormLayout.FieldRole   第1列
        #参数3 控件
        #注意：如果位置已经存在指令就无效

        fl.setWidget(0, QFormLayout.FieldRole, le)
        fl.setLayout(1, QFormLayout.FieldRole,h_layout)  #设置布局--添加布局


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

 

 

 

 

网格布局QGridLayout

当使用该布局管理器的时候，你可以把整个窗体想象成带有格子的，然后只要把各个控件放在相应的格子就好了

需要  from PyQt5.QtWidgets import QGridLayout

 

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QLineEdit,QSpinBox,QPushButton,QGridLayout,QVBoxLayout
from PyQt5.QtCore import Qt

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.resize(300,400)
        label1 = QLabel('标签1')
        label11 = QLabel('标签11')
        label111 = QLabel('标签111')
        label2 = QLabel('标签2')
        label3 = QLabel('标签3')
        label4 = QLabel('标签4')
        label5 = QLabel('标签5')
        label1.setStyleSheet('background-color: rgb(255,0,0)')
        label11.setStyleSheet('background-color: rgb(255,100,0)')
        label111.setStyleSheet('background-color: rgb(255,0,255)')
        label2.setStyleSheet('background-color: rgb(0, 251, 0)')
        label3.setStyleSheet('background-color: rgb(0, 0, 255)')
        label4.setStyleSheet('background-color: rgb(0, 255, 255)')
        label5.setStyleSheet('background-color: rgb(100, 0, 255)')
        le1=QLineEdit()
        sb2=QSpinBox()
        btn=QPushButton('提交')

        gl=QGridLayout()
        self.setLayout(gl)

        gl.addWidget(label1,0,0)  #添加控件
        #参数2  行序号      参数3 列序号

        gl.addWidget(label11, 0, 1)
        gl.addWidget(label111, 0, 2)
        gl.addWidget(le1,1,0,1,2)  #添加控件--带合并功能
        #参数3 占用n行    参数4 占用n列

        v=QVBoxLayout()
        v.addWidget(label3)
        v.addWidget(label4)
        v.addWidget(label5)
        gl.addLayout(v,2,0)    #添加布局

        s=gl.getItemPosition(3)  #返回指定项目的位置信息
        #参数 索引序号；
        #(1, 0, 1, 2)    表示在第一行第0列，占用1行 占用2列

        s=gl.itemAtPosition(1,0).widget()  #返回指定位置的控件

        #gl.setColumnMinimumWidth(0,100)  #设置某列最小宽度
        #gl.setRowMinimumHeight(0, 50)  # 设置某行最小高度

        #gl.setColumnStretch(0,1)  #设置某列的拉伸系数
        #参数1  列序号   参数1 拉伸系数-倍数

        gl.setRowStretch(0, 1)  # 设置某行的拉伸系数
        #参数1  行序号   参数1 拉伸系数-倍数

        s=gl.spacing()  #返回控件之间的间距
        #如果水平间距=垂直间距 就返回间距值
        #如果水平间距不等于垂直间距 就返回-1

        s=gl.horizontalSpacing()  #返回水平间距

        s = gl.verticalSpacing()  # 返回垂直间距

        #gl.setHorizontalSpacing(30)  #设置控件之间的水平间距
        #gl.setVerticalSpacing(30)    #设置控件之间的垂直间距
        gl.setSpacing(30)  #设置控件之间的垂直间距和水平间距

        s=gl.rowCount()   #返回总行数
        s = gl.columnCount()  # 返回总列数






        #print(s)




if __name__ == '__main__':
    app = QApplication(sys.argv)
    demo = Demo()
    demo.show()
    gl=demo.layout()  #返回布局控件
    print(gl)

    s = gl.cellRect(0, 1)  # 返回指定区域的大小
    # 参数1  行序号   参数1  列序号--返回0行1列的区域大小
    #注意：必须在主窗体显示之后
    #PyQt5.QtCore.QRect(114, 11, 72, 202)
    
    print(s)
    sys.exit(app.exec_())

 

堆叠布局：

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QStackedLayout,QPushButton,QHBoxLayout

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.resize(300,400)
        label1 = QLabel('标签1')
        label2 = QLabel('标签2')
        label3 = QLabel('标签3')
        label4 = QLabel('标签4')
        label1.setStyleSheet('background-color: rgb(255,0,0)')
        label2.setStyleSheet('background-color: rgb(0, 251, 0)')
        label3.setStyleSheet('background-color: rgb(0, 0, 255)')
        label4.setStyleSheet('background-color: rgb(0, 255, 255)')
        btn=QPushButton('按钮')
        bl=QHBoxLayout()

        def AA(self):
            sl.removeWidget(label4)  #从布局中移除控件
            #不是删除控件
            pass
        btn.clicked.connect(AA)



        #********堆叠布局**********

        sl=QStackedLayout()
        self.setLayout(bl)
        bl.addLayout(sl)
        bl.addWidget(btn)

        s=sl.addWidget(label1)  #添加布局
        #返回值 位置索引号
        s=sl.addWidget(label2)
        sl.addWidget(label3)

        s=sl.currentIndex()   #返回当前显示控件的位置索引号

        s=sl.insertWidget(0,label4)  #插入控件
        #参数1 位置索引号;如果越界，就是现有最大索引号+1

        s=sl.widget(0).text()
        #widget(0)   返回指定索引的控件

        sl.setCurrentIndex(2)  #显示指定索引的控件
        sl.setCurrentWidget(label3)   #显示指定的控件
        s=sl.count()  #返回所有控件的总数

        sl.setStackingMode(QStackedLayout.StackOne)   #设置控件的显示模式
        #QStackedLayout.StackAll   所有控件都可见
        #QStackedLayout.StackOne  只有显示控件可见  其它隐藏-----默认


        #信号：
        sl.currentChanged.connect(self.BB)  #显示控件发生变化时发出信号
        #会向槽函数传递一个参数---当前显示控件的序号

        sl.widgetRemoved.connect(self.CC)  #控件被移除时
        # 会向槽函数传递一个参数---删除控件的序号

    def BB(self,i):
        print('显示控件改变了',i)
    def CC(self,i):
        print('控件被移除',i)

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

 

补充--尺寸策略： 

 

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel,QVBoxLayout,QSizePolicy
from PyQt5.QtCore import QSize

class Label(QLabel):
    def minimumSizeHint(self):  #最小尺寸函数
        return QSize(50,50)
    def sizeHint(self):       #建议尺寸函数
        return QSize(200,150)  #单位 像素

class Demo(QWidget):

    def __init__(self):
        super(Demo, self).__init__()
        self.resize(300,400)
        label1 = Label('标签1')
        label2 = QLabel('标签2')
        label3 = QLabel('标签3')
        label4 = QLabel('标签4')
        label1.setStyleSheet('background-color: rgb(255,0,0)')
        label2.setStyleSheet('background-color: rgb(0, 251, 0)')
        label3.setStyleSheet('background-color: rgb(0, 0, 255)')
        label4.setStyleSheet('background-color: rgb(0, 255, 255)')
        bl=QVBoxLayout()

        #********尺寸策略**********

        self.setLayout(bl)
        bl.addWidget(label1)
        bl.addWidget(label2)
        bl.addWidget(label3)

        label1.setMinimumSize(100,100)  #设置最小尺寸--修改minimumSizeHint函数值
        #label1.setMaximumSize(200,200)  #设置最大尺寸

        label1.setSizePolicy(QSizePolicy.Preferred,QSizePolicy.Preferred)  #设置控件的尺寸策略--方式一
        #QSizePolicy.Fixed    固定的---不能改变---尺寸保持sizeHint函数的建议尺寸
        #QSizePolicy.Minimum  可以拉伸，但是不能小于sizeHint函数的建议尺寸--sizeHint的尺寸是最小值
        #QSizePolicy.Maximum   可以拉伸，但是不能大于sizeHint函数的建议尺寸--sizeHint的尺寸是最大值
        #QSizePolicy.Preferred   可以拉伸，但是不能小于minimumSizeHint最小尺寸
        #QSizePolicy.Expanding    可以拉伸,拉伸时使本控件尽量占据空间，缩小时不能小于minimumSizeHint最小尺寸
        #QSizePolicy.MinimumExpanding  可以拉伸,拉伸时使本控件尽量占据空间，缩小时不能小于sizeHint的尺寸
        #QSizePolicy.Ignored  忽略minimumSizeHint尺寸,忽略sizeHint尺寸，缩小时可以为0
        #参数1 水平方向的尺寸策略  参数2 垂直方向的尺寸策略

        sp=QSizePolicy(QSizePolicy.Preferred,QSizePolicy.Preferred)  #创建尺寸策略对象
        sp.setRetainSizeWhenHidden(True)  # 控件隐藏时是否保留尺寸
        #一定要放在setSizePolicy之前
        label1.setSizePolicy(sp)  #设置控件的尺寸策略--方式二


        #label1.hide()

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

 

 

 

天子骄龙 

转载于:https://www.cnblogs.com/liming19680104/p/10356142.html