当前位置：极客教程 > Jython > Jython 教程 > Jython – 布局管理

Jython – 布局管理

Jython – 布局管理

Java中的布局管理器是那些管理控件在容器对象中的位置的类，如 Frame、Dialog 或 Panel。 布局管理器可以保持控件在框架中的相对位置，即使分辨率改变或框架本身被调整。

这些类实现了 Layout接口。 在 AWT库中 定义了以下布局管理器

  • BorderLayout
  • FlowLayout
  • GridLayout
  • CardLayout
  • GridBagLayout

在 Swing库中 定义了以下布局管理器 –

  • BoxLayout
  • GroupLayout
  • ScrollPaneLayout
  • SpringLayout

我们将在下面的例子中使用AWT布局管理器以及Swing布局管理器。

  • Absolute Layout
  • Flow Layout
  • Grid Layout
  • Border Layout
  • Box Layout
  • Group Layout

现在让我们来详细讨论这些布局的每一项。

Absolute布局

在我们探讨上述所有的布局管理器之前，我们必须看看容器中控件的绝对定位。我们必须将框架对象的布局方法设置为 “无”。

frame.setLayout(None)

然后通过调用 setBounds() 方法放置控件。它需要四个参数 – X位置、Y位置、宽度和高度。

例如，要把一个按钮对象放在绝对位置和绝对大小。

btn = JButton("Add")
btn.setBounds(60,80,60,20)

同样地，所有的控件都可以通过适当地分配位置和大小来放置。这种布局相对来说比较容易使用，但是当窗口要么被调整大小，要么在屏幕分辨率改变时执行程序，就不能保持其外观。

在下面的Jython脚本中，三个Jlabel对象被用来分别显示文本 “phy”、”maths “和 “Total”。在这三个对象的前面，放置了JTextField对象。一个Button对象被放置在 “Total “标签的上方。

首先，JFrame窗口被创建，布局设置为无。

frame = JFrame("Hello")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setLocation(100,100)
frame.setSize(300,200)
frame.setLayout(None)

然后根据其绝对位置和大小添加不同的控件。完整的代码如下

from javax.swing import JFrame, JLabel, JButton, JTextField

frame = JFrame("Hello")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setLocation(100,100)
frame.setSize(300,200)
frame.setLayout(None)

lbl1 = JLabel("Phy")
lbl1.setBounds(60,20,40,20)
txt1 = JTextField(10)
txt1.setBounds(120,20,60,20)
lbl2 = JLabel("Maths")
lbl2.setBounds(60,50,40,20)
txt2 = JTextField(10)
txt2.setBounds(120, 50, 60,20)
btn = JButton("Add")
btn.setBounds(60,80,60,20)
lbl3 = JLabel("Total")
lbl3.setBounds(60,110,40,20)
txt3 = JTextField(10)
txt3.setBounds(120, 110, 60,20)

frame.add(lbl1)
frame.add(txt1)
frame.add(lbl2)
frame.add(txt2)
frame.add(btn)
frame.add(lbl3)
frame.add(txt3)
frame.setVisible(True)

上述代码的输出如下。

Jython - 布局管理

Jython FlowLayout

FlowLayout是容器类的默认布局管理器。它从左到右，然后从上到下的方向排列控件。

在下面的例子中，一个Jlabel对象、一个JTextField对象和一个JButton对象将使用FlowLayout管理器在一个JFrame中显示。首先，让我们从 javax.swing 包和 java.awt 包中导入必要的类。

from javax.swing import JFrame, JLabel, JButton, JTextField
from java.awt import FlowLayout

然后创建一个JFrame对象，并设置其位置以及大小属性。

frame = JFrame("Hello")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setLocation(100,100)
frame.setSize(200,200)
Set the layout manager for the frame as FlowLayout.
frame.setLayout(FlowLayout())

现在为JLabel、JTextfield和JButton类声明对象。

label = JLabel("Welcome to Jython Swing")
txt = JTextField(30)
btn = JButton("ok")

最后通过调用JFrame类的 add() 方法在框架中添加这些控件。

frame.add(label)
frame.add(txt)
frame.add(btn)

要显示该框架，请将其可见属性设置为true。完整的Jython脚本和它的输出如下所示

from javax.swing import JFrame, JLabel, JButton, JTextField
from java.awt import FlowLayout

frame = JFrame("Hello")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setLocation(100,100)
frame.setSize(200,200)

frame.setLayout(FlowLayout())

label = JLabel("Welcome to Jython Swing")
txt = JTextField(30)
btn = JButton("ok")

frame.add(label)
frame.add(txt)
frame.add(btn)
frame.setVisible(True)

Jython - 布局管理

Jython GridLayout

Gridlayout管理器允许在一个矩形网格中放置控件。在网格的每个单元格中放置一个控件。

在下面的例子中，GridLayout被应用于一个JFrame对象，将其分为4行和4列。一个JButton对象将被放置在网格的每个单元格中。

让我们首先导入所需的库–

from javax.swing import JFrame, JButton
from java.awt import GridLayout

然后创建JFrame容器-

frame = JFrame("Hello")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setLocation(100,100)
frame.setSize(400,400)

现在，应用GridLayout，指定其尺寸为4乘4。

frame.setLayout(GridLayout(4,4))

我们现在应该使用两个FOR循环，每个循环从1到4，所以16个JButton对象被放置在随后的单元格中。

k = 0
frame.setLayout(GridLayout(4,4))
for i in range(1,5):
   for j in range(1,5):
      k = k+1
      frame.add(JButton(str(k)))

最后将框架的可见性设置为true。下面是完整的Jython代码。

from javax.swing import JFrame, JButton
from java.awt import GridLayout

frame = JFrame("Hello")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setLocation(100,100)
frame.setSize(400,400)

frame.setLayout(GridLayout(4,4))

k = 0
for i in range(1,5):
   for j in range(1,5):
      k = k+1
      frame.add(JButton(str(k)))

frame.setVisible(True)

上述代码的输出如下：

Jython - 布局管理

Jython的BorderLayout

BorderLayout管理器将容器划分为五个地理区域，并在每个区域放置一个组件。这些区域由定义的常数表示，如下所示

  • BorderLayout.NORTH
  • BorderLayout.SOUTH
  • BorderLayout.EAST
  • BorderLayout.WEST
  • BorderLayout.CENTER

让我们考虑以下例子 −

Jython - 布局管理

Jython BoxLayout

BoxLayout类定义在 javax.swing包中。 它被用来在容器中垂直或水平地排列组件。The direction is determined by the following constants −

  • X_AXIS
  • Y_AXIS
  • LINE_AXIS
  • PAGE_AXIS

这个整数常数指定了容器的组件应该沿着哪个轴布置。当容器具有默认的组件方向时，LINE_AXIS指定组件从左到右排列，而PAGE_AXIS指定组件从上到下排列。

在下面的例子中，面板（Jpanel类的）被添加到一个JFrame对象中。垂直的BoxLayout被应用于它，还有两个面板，顶部和底部，被添加到它。这两个内部面板在水平的Boxlayout中分别有两个按钮。

让我们首先创建顶层的JFrame窗口。

frame = JFrame()
frame.setTitle("Buttons")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setSize(300, 150)

JPanel对象被声明有一个垂直的BoxLayout。将其添加到顶层框架中。

panel = JPanel()
panel.setLayout(BoxLayout(panel, BoxLayout.Y_AXIS))
frame.add(panel)

在这个面板中，又有两个面板的顶部和底部被添加到其中。它们中的每一个都有两个JButton对象被水平地添加到它们中，并在它们之间有一个25像素的空间支架。

###top panel
top = JPanel()
top.setLayout(BoxLayout(top, BoxLayout.X_AXIS))
b1 = JButton("OK")
b2 = JButton("Close")
top.add(Box.createVerticalGlue())
top.add(b1)
top.add(Box.createRigidArea(Dimension(25, 0)))
top.add(b2)

同样，底层面板的构造也是如此。

###bottom panel
bottom = JPanel()
bottom.setLayout(BoxLayout(bottom, BoxLayout.X_AXIS))
b3 = JButton("Open")
b4 = JButton("Save")
bottom.add(b3)
bottom.add(Box.createRigidArea(Dimension(25, 0)))
bottom.add(b4)
bottom.add(Box.createVerticalGlue())

请注意， createRigidArea() 函数用于在两个按钮之间创建一个25像素的空间。另外， createVerticalGlue() 函数在布局中占据了领先或落后的空间。

首先，添加顶部和底部面板，并将框架的可见性属性设置为真。完整的代码如下 –

from java.awt import Dimension
from javax.swing import JButton, JFrame,JPanel,BoxLayout,Box

frame = JFrame()
frame.setTitle("Buttons")
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
frame.setSize(300, 150)

panel = JPanel()
panel.setLayout(BoxLayout(panel, BoxLayout.Y_AXIS))
frame.add(panel)

###top panel
top = JPanel()
top.setLayout(BoxLayout(top, BoxLayout.X_AXIS))
b1 = JButton("OK")
b2 = JButton("Close")
top.add(Box.createVerticalGlue())
top.add(b1)
top.add(Box.createRigidArea(Dimension(25, 0)))
top.add(b2)

###bottom panel
bottom = JPanel()
bottom.setLayout(BoxLayout(bottom, BoxLayout.X_AXIS))
b3 = JButton("Open")
b4 = JButton("Save")
bottom.add(b3)
bottom.add(Box.createRigidArea(Dimension(25, 0)))
bottom.add(b4)
bottom.add(Box.createVerticalGlue())

panel.add(bottom)
panel.add(top)
frame.setVisible(True)

上述代码将产生以下输出。

Jython - 布局管理

Jython GroupLayout

GroupLayout管理器以分层的方式对组件进行分组。分组是由两个类完成的， SequentialGroup 和 ParallelGroup ，它们都实现了Java中的Group接口。

布局过程分为两步。在一个步骤中，组件沿水平轴放置，在第二个步骤中沿垂直轴放置。每个组件必须在布局中定义两次。

有两种类型的安排，顺序和平行。在这两种情况下，我们可以按顺序或平行地安排组件。在水平排列中，行被称为顺序组，列被称为平行组。另一方面，在平行排列中，元素的行是平行组，列，被称为顺序组。

在下面的例子中，五个按钮的排列方式是：行和列中各出现三个。首先，在一个JFrame窗口中添加一个Jpanel对象，并将其布局设置为Grouplayout。

frame =  JFrame()
panel =  JPanel()
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
layout =  GroupLayout(panel)
panel.setLayout(layout)

然后构建JB按钮对象–

buttonD = JButton("D")
buttonR = JButton("R")
buttonY = JButton("Y")
buttonO = JButton("O")
buttonT = JButton("T")

接下来，我们创建一个名为 LeftToRight 的 SequentialGroup ，将buttonD和buttonY加入其中。在它们之间，放置一个ParallelGroup ColumnMiddle（垂直添加其他三个按钮）。

leftToRight = layout.createSequentialGroup()
leftToRight.addComponent(buttonD)
columnMiddle = layout.createParallelGroup()
columnMiddle.addComponent(buttonR)
columnMiddle.addComponent(buttonO)
columnMiddle.addComponent(buttonT)
leftToRight.addGroup(columnMiddle)
leftToRight.addComponent(buttonY)

现在是垂直的SequentialGroup的定义，叫做TopToBottom。添加一个由三个按钮组成的ParallelGroup行，然后垂直地放置两个按钮。

topToBottom = layout.createSequentialGroup()
rowTop = layout.createParallelGroup()
rowTop.addComponent(buttonD)
rowTop.addComponent(buttonR)
rowTop.addComponent(buttonY)
topToBottom.addGroup(rowTop)
topToBottom.addComponent(buttonO)
topToBottom.addComponent(buttonT)

最后，将水平方向的LeftToRight组和垂直方向的TopToBottom组设置为布局对象。完整的代码如下 –

from javax.swing import JButton, JFrame,JPanel,GroupLayout

frame = JFrame()
panel = JPanel()
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
layout = GroupLayout(panel)
panel.setLayout(layout)

buttonD = JButton("D")
buttonR = JButton("R")
buttonY = JButton("Y")
buttonO = JButton("O")
buttonT = JButton("T")

leftToRight = layout.createSequentialGroup()
leftToRight.addComponent(buttonD)
columnMiddle = layout.createParallelGroup()
columnMiddle.addComponent(buttonR)
columnMiddle.addComponent(buttonO)
columnMiddle.addComponent(buttonT)
leftToRight.addGroup(columnMiddle)
leftToRight.addComponent(buttonY)

topToBottom = layout.createSequentialGroup()
rowTop = layout.createParallelGroup()
rowTop.addComponent(buttonD)
rowTop.addComponent(buttonR)
rowTop.addComponent(buttonY)
topToBottom.addGroup(rowTop)
topToBottom.addComponent(buttonO)
topToBottom.addComponent(buttonT)

layout.setHorizontalGroup(leftToRight)
layout.setVerticalGroup(topToBottom)

frame.add(panel)
frame.pack()
frame.setVisible(True)

上述代码的输出如下：

Jython - 布局管理

Python教程

Python 教程

Python 教程
Tkinter 教程

Tkinter 教程
Pandas 教程

Pandas 教程
NumPy 教程

NumPy 教程
Flask 教程

Flask 教程
Django 教程

Django 教程
PySpark 教程

PySpark 教程
wxPython 教程

wxPython 教程
SymPy 教程

SymPy 教程
Seaborn 教程

Seaborn 教程
SciPy 教程

SciPy 教程
RxPY 教程

RxPY 教程
Pycharm 教程

Pycharm 教程
Pygame 教程

Pygame 教程
PyGTK 教程

PyGTK 教程
PyQt 教程

PyQt 教程
PyQt5 教程

PyQt5 教程
PyTorch 教程

PyTorch 教程
Matplotlib 教程

Matplotlib 教程
Web2py 教程

Web2py 教程
BeautifulSoup 教程

BeautifulSoup 教程

Java教程

Java 教程

Java 教程

Web教程

HTML 教程

HTML 教程
CSS 教程

CSS 教程
CSS3 教程

CSS3 教程
jQuery 教程

jQuery 教程
Ajax 教程

Ajax 教程
AngularJS 教程

AngularJS 教程
TypeScript 教程

TypeScript 教程
WordPress 教程

WordPress 教程
Laravel 教程

Laravel 教程
Next.js 教程

Next.js 教程
PhantomJS 教程

PhantomJS 教程
Three.js 教程

Three.js 教程
Underscore.JS 教程

Underscore.JS 教程
WebGL 教程

WebGL 教程
WebRTC 教程

WebRTC 教程
VueJS 教程

VueJS 教程

数据库教程

SQL 教程

SQL 教程
MySQL 教程

MySQL 教程
MongoDB 教程

MongoDB 教程
PostgreSQL 教程

PostgreSQL 教程
SQLite 教程

SQLite 教程
Redis 教程

Redis 教程
MariaDB 教程

MariaDB 教程

图形图像教程

Vulkan 教程

Vulkan 教程
OpenCV 教程

OpenCV 教程

大数据教程

R语言 教程

R语言 教程

开发工具教程

Git 教程

Git 教程
VSCode 教程

VSCode 教程
Docker 教程

Docker 教程
Gerrit 教程

Gerrit 教程
Excel 教程

Excel 教程

计算机教程

Go语言 教程

Go语言 教程
C++ 教程

C++ 教程

Jython 教程