PyQt5에서 매일 배워야 하는 레이아웃 관리

이 글에서는 PyQt5에서 매일 배워야 할 레이아웃 관리 관련 정보를 중심으로 자세히 소개하고 있습니다. 참고할만한 가치가 있으니 관심 있는 친구들이 참고하면 됩니다.

GUI 프로그래밍에서 빼놓을 수 없는 부분이 있는데, 레이아웃 관리입니다. 레이아웃 관리는 애플리케이션 창에 컨트롤이 배치되는 방식을 제어합니다. 레이아웃 관리는 두 가지 방법으로 수행할 수 있습니다. 절대 위치 지정 또는 레이아웃 클래스 메서드를 사용하여 프로그램 창에서 컨트롤의 위치를 ​​제어할 수 있습니다.

절대 위치 지정

각 컨트롤은 프로그래머가 지정한 위치에 따라 배치됩니다. 절대 위치 지정을 사용할 때 다음 제한 사항을 알고 싶습니다.

• 창 크기를 조정해도 컨트롤의 크기와 위치는 동일하게 유지됩니다.

• 애플리케이션이 플랫폼에 따라 다르게 보일 수 있습니다

• 글꼴 변경으로 인해 애플리케이션의 레이아웃이 손상될 수 있습니다

• 레이아웃을 변경하기로 결정한 경우 각 컨트롤을 완전히 수정해야 하므로 지루하고 시간이 많이 걸립니다
  

다음 예는 절대 좌표 위치 지정 방법입니다. 통제의.

#!/usr/bin/python3
# -*- coding: utf-8 -*-

"""
PyQt5 教程

这个例子显示了在窗口中使用绝对定位的三个标签。

作者：我的世界你曾经来过
博客：http://blog.csdn.net/weiaitaowang
最后编辑：2016年7月31日
"""

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

class Example(QWidget):

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

  self.initUI()

 def initUI(self):

  lbl1 = QLabel('我的世界你曾经来过', self)
  lbl1.move(15, 10)

  lbl2 = QLabel('CSND博客', self)
  lbl2.move(35, 40)

  lbl3 = QLabel('程序员', self)
  lbl3.move(55, 70)

  self.setGeometry(300, 300, 250, 150)
  self.setWindowTitle('绝对定位')  
  self.show()

if __name__ == '__main__':

 app = QApplication(sys.argv)
 ex = Example()
 sys.exit(app.exec_())

이 예에서는 라벨이 사용되었습니다. x 및 y 좌표 값을 제공하여 위치를 지정합니다. 좌표계의 원점은 컨트롤의 왼쪽 상단입니다. x 값은 왼쪽에서 오른쪽으로 증가합니다. y 값은 위에서 아래로 증가합니다.

lbl1 = QLabel('我的世界你曾经来过', self)
lbl1.move(15, 10)

레이블 컨트롤은 x=15 및 y=10에 배치됩니다.

프로그램 실행 후

Box 레이아웃 상자 레이아웃

레이아웃 관리는 레이아웃 클래스를 사용하여 보다 유연하고 실용적입니다. 이는 창에 컨트롤을 배치하는 데 선호되는 방법입니다. QHBoxLayout 및 QVBoxLayout은 각각 가로 및 세로로 정렬된 컨트롤의 기본 레이아웃 클래스입니다.

프로그램 오른쪽 하단에 두 개의 버튼을 넣는다고 상상해 보세요. 이러한 레이아웃을 생성하려면 가로 하나와 세로 하나, 두 개의 상자를 사용할 수 있습니다. 필요한 여유 공간을 만들기 위해 스트레치 팩터를 추가하겠습니다.

#!/usr/bin/python3
# -*- coding: utf-8 -*-

"""
PyQt5 教程

在这个例子中，我们在窗口的右下角放置两个按钮。

作者：我的世界你曾经来过
博客：http://blog.csdn.net/weiaitaowang
最后编辑：2016年7月31日
"""

import sys
from PyQt5.QtWidgets import (QApplication, QWidget,
  QPushButton, QVBoxLayout, QHBoxLayout)

class Example(QWidget):

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

  self.initUI()

 def initUI(self):

  okButton = QPushButton('确定')
  cancelButton = QPushButton('取消')

  hbox = QHBoxLayout()
  hbox.addStretch(1)
  hbox.addWidget(okButton)
  hbox.addWidget(cancelButton)

  vbox = QVBoxLayout()
  vbox.addStretch(1)
  vbox.addLayout(hbox)

  self.setLayout(vbox)

  self.setGeometry(300, 300, 350, 150)
  self.setWindowTitle('Box布局')  
  self.show()

if __name__ == '__main__':

 app = QApplication(sys.argv)
 ex = Example()
 sys.exit(app.exec_())

이 예에서는 창의 오른쪽 하단에 두 개의 버튼을 배치합니다. 응용 프로그램 창의 크기를 조정하면 오른쪽 하단 모서리에 고정됩니다. 우리는 HBoxLayout과 QVBoxLayout 레이아웃을 모두 사용합니다.

okButton = QPushButton('确定')
 cancelButton = QPushButton('取消')

여기서 두 개의 버튼을 만들었습니다.

hbox = QHBoxLayout()
hbox.addStretch(1)
hbox.addWidget(okButton)
hbox.addWidget(cancelButton)

가로 상자 레이아웃을 만들고, 늘이기 요소를 늘리고(addStretch), 두 개의 버튼을 추가했습니다(addWidget). 두 개의 버튼을 추가하기 전에 스트레치 요소를 추가하여 두 개의 버튼을 창 오른쪽으로 밀어냅니다.

vbox = QVBoxLayout()
vbox.addStretch(1)
vbox.addLayout(hbox)

원하는 레이아웃을 얻으려면 가로 레이아웃을 세로 레이아웃에도 넣어야 합니다. 수직 상자의 확장 요소는 내부 컨트롤을 포함하여 수평 상자를 창 아래쪽으로 밀어냅니다.

self.setLayout(vbox)

마지막으로 창의 기본 레이아웃을 설정합니다.

프로그램 실행 후

QGridLayout 그리드 레이아웃

가장 일반적으로 사용되는 레이아웃 클래스는 그리드 레이아웃입니다. 이 레이아웃은 공간을 행과 열로 나눕니다. 그리드 레이아웃을 생성하기 위해 QGridLayout 클래스를 사용합니다.

#!/usr/bin/python3
# -*- coding: utf-8 -*-

"""
PyQt5 教程

在这个例子中，我们使用网格布局创建一个计算器的框架。

作者：我的世界你曾经来过
博客：http://blog.csdn.net/weiaitaowang
最后编辑：2016年7月31日
"""

import sys
from PyQt5.QtWidgets import (QApplication, QWidget,
QPushButton, QGridLayout)

class Example(QWidget):

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

  self.initUI()

 def initUI(self):

  grid = QGridLayout()  
  self.setLayout(grid)

  names = ['Cls', 'Bck', '', 'Close', 
  '7', '8', '9', '/',
  '4', '5', '6', '*',
  '1', '2', '3', '-',
  '0', '.', '=', '+',]

  positions = [(i, j) for i in range(5) for j in range(4)]

  for position, name in zip(positions, names):

   if name == '':
    continue
   button = QPushButton(name)
   grid.addWidget(button, *position)

  self.move(300, 150)
  self.setWindowTitle('计算器')  
  self.show()

if __name__ == '__main__':

 app = QApplication(sys.argv)
 ex = Example()
 sys.exit(app.exec_())

이 경우 생성된 버튼 컨트롤을 그리드에 배치하겠습니다.

grid = QGridLayout()  
self.setLayout(grid)

QGridLayout을 인스턴스화하고 응용 프로그램 창의 레이아웃을 설정합니다.

 names = ['Cls', 'Bck', '', 'Close', 
  '7', '8', '9', '/',
  '4', '5', '6', '*',
  '1', '2', '3', '-',
  '0', '.', '=', '+',]

앞으로 사용될 버튼 라벨입니다.

positions = [(i, j) for i in range(5) for j in range(4)]

x 그리드 위치 목록을 만들었습니다.

for position, name in zip(positions, names):

   if name == '':
    continue
   button = QPushButton(name)
   grid.addWidget(button, *position)

버튼을 생성하고 레이아웃에 (addWidget)을 추가하세요.

프로그램이 실행된 후

그리드 레이아웃 확장

창의 컨트롤은 그리드의 여러 열이나 행에 걸쳐 있을 수 있습니다. 다음 예에서는 이를 설명합니다.

#!/usr/bin/python3
# -*- coding: utf-8 -*-

"""
PyQt5 教程

在这个例子中，我们使用GridLayout的跨行创建了一个更复杂的窗口布局。

作者：我的世界你曾经来过
博客：http://blog.csdn.net/weiaitaowang
最后编辑：2016年7月31日
"""

import sys
from PyQt5.QtWidgets import (QApplication, QWidget, QLabel, 
QTextEdit, QLineEdit, QGridLayout)

class Example(QWidget):

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

  self.initUI()

 def initUI(self):

  title = QLabel('标题')
  author = QLabel('作者')
  review = QLabel('评论')

  titleEdit = QLineEdit()
  authorEdit = QLineEdit()
  reviewEdit = QTextEdit()

  grid =QGridLayout()
  grid.setSpacing(10)

  grid.addWidget(title, 1, 0)
  grid.addWidget(titleEdit, 1, 1)

  grid.addWidget(author, 2, 0)
  grid.addWidget(authorEdit, 2, 1)

  grid.addWidget(review, 3, 0)
  grid.addWidget(reviewEdit, 3, 1, 5, 1)

  self.setLayout(grid)

  self.setGeometry(300, 300, 350, 300)
  self.setWindowTitle('评论')  
  self.show()

if __name__ == '__main__':

 app = QApplication(sys.argv)
 ex = Example()
 sys.exit(app.exec_())

우리가 만든 프로그램에는 QGridLayout 레이아웃을 사용하는 세 개의 레이블, 두 개의 한 줄 텍스트 입력 상자 및 텍스트 편집 컨트롤이 포함되어 있습니다.

grid =QGridLayout()
grid.setSpacing(10)

그리드 레이아웃을 인스턴스화하고 간격을 설정하세요.

grid.addWidget(reviewEdit, 3, 1, 5, 1)

그리드 레이아웃에 컨트롤을 추가하면 이 컨트롤에 행 범위 또는 열 범위를 사용할 수 있습니다. 이 예에서는 reviewEdit 컨트롤이 5개 행에 걸쳐 있어야 합니다.

프로그램 실행 후

PyQt5 튜토리얼의 이 부분은 레이아웃 관리에 전념합니다. PyQt5의 이벤트 관련 내용은 추후 소개하겠습니다.

관련 추천:

PyQt5는 라벨이 있는 체크박스를 매일 배워야 합니다

PyQt5는 창 중심 효과를 만드는 방법을 매일 배워야 합니다

PyQt5는 창을 닫는 방법을 매일 배워야 합니다

위 내용은 PyQt5에서 매일 배워야 하는 레이아웃 관리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!