pyqt5栅格布局的基本用法

向右看齐 2022-09-03 15:14 192阅读 0赞

import sys
    
    from PyQt5.QtWidgets import QWidget, QApplication, QGridLayout, QLabel, \
        QLineEdit, QTextEdit
    
    
    class RegisterWindow(QWidget):
        def __init__(self):
            super().__init__()
            self.init_ui()
    
        def init_ui(self):
            # 标签控件
            title_label = QLabel("标题")
            author_label = QLabel("作者")
            content_label = QLabel("内容")
    
            # 输入控件
            title_edit = QLineEdit()
            author_edit = QLineEdit()
            content_edit = QTextEdit()
    
            # 布局
            grid = QGridLayout()
            grid.setSpacing(10)  # 设置控件间距
            self.setLayout(grid)
    
            grid.addWidget(title_label, 0, 0)
            grid.addWidget(title_edit, 0, 1)
    
            grid.addWidget(author_label, 1, 0)
            grid.addWidget(author_edit, 1, 1)
    
            grid.addWidget(content_label, 2, 0)
            grid.addWidget(content_edit, 2, 1, 5, 1)  # 栅格坐标、跨5行1列
    
            self.setGeometry(600, 300, 600, 600)  # 设置窗口坐标大小
            self.setWindowTitle('窗口标题')
            self.show()
    
    
    if __name__ == '__main__':
        q_application = QApplication(sys.argv)
        window = RegisterWindow()
        sys.exit(q_application.exec_())

发表评论取消回复

表情：

评论列表（有 0 条评论，192人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap栅格布局

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（r

谁践踏了优雅/ 2023年07月19日 14:29/ 0 赞/ 49 阅读

相关 pyQt 栅格

!/usr/bin/python3 -- coding: utf-8 -- """ ZetCode PyQt5 tutorial

缺乏、安全感/ 2023年06月15日 04:59/ 0 赞/ 39 阅读

相关 CSS栅格布局grid详解

栅格布局分为常规栅格和行内栅格，值分别为display:grid；和display:inline-grid；但是大多数栅格布局都是块级的。这里有一个需要注意的是，如果我们给一个

梦里梦外;/ 2023年06月12日 09:52/ 0 赞/ 24 阅读

相关 bootstrap栅格布局

首先，我们要为页面内容和栅格系统包裹一个 `.container` 容器： <div class="container"> ... </div>

一时失言乱红尘/ 2023年02月08日 12:59/ 0 赞/ 38 阅读

相关 pyqt5栅格布局的基本用法

import sys from PyQt5.QtWidgets import QWidget, QApplication, QGridLayout,

向右看齐/ 2022年09月03日 15:14/ 0 赞/ 193 阅读

相关 LESS Grid 实现栅格布局

@import ‘variables.less’; [@import ‘module.less’;][import _module.less] //- 设备尺寸

女爷i/ 2022年05月26日 00:58/ 0 赞/ 259 阅读

相关 Qt5之栅格布局

1、创建栅格布局对象 // 2018年6月24日 23:22:02 改为栅格布局 gridLayout = new QGridLayout;

灰太狼/ 2022年05月21日 12:26/ 0 赞/ 522 阅读

相关手写一个栅格布局

虽然有很多框架可以使用栅格布局，但是使用起来需要指定屏幕的大小来做自适应，一长串，希望自己可以手写一个，根据指定的class类，例如，我们定义一个六列的布局，那么span-2的

淩亂°似流年/ 2022年05月20日 09:56/ 0 赞/ 232 阅读

相关栅格布局效果展示

文章： [https://blog.csdn.net/ayangann915/article/details/83744508][https_blog.csdn.net_a

朱雀/ 2022年04月22日 12:40/ 0 赞/ 298 阅读

相关 BootStrap_03 栅格布局

bootstrap – 一个标签中，同时有 col-xs , col-sm , col-md , col-lg .col-xs- 超小屏幕手机 (<768px) .co

不念不忘少年蓝@/ 2022年04月04日 07:56/ 0 赞/ 384 阅读