PySimpleGUI 如何像VB那样精确布局？

在PySimpleGUI中实现类似VB的精确布局，需结合嵌套布局结构、控件属性精细化控制和可视化辅助工具。以下是具体实现方法及代码示例：

一、核心布局机制

PySimpleGUI的布局采用二维列表嵌套结构，每行是一个子列表，列内元素从左到右排列。例如：

import PySimpleGUI as sg

layout = [
    [sg.Text("姓名："), sg.Input(key="-NAME-", size=(20, 1))],  # 第一行：标签+输入框
    [sg.Text("年龄："), sg.Input(key="-AGE-", size=(10, 1))],   # 第二行：标签+输入框
    [sg.Button("确定"), sg.Button("取消")]                      # 第三行：按钮
]
window = sg.Window("VB风格布局", layout)

此结构天然适合行列对齐的VB式界面，但需手动调整元素尺寸和间距。

二、精确布局实现方法

1. 控件尺寸与间距控制

• 固定尺寸：通过size参数设置控件宽高（单位：字符宽度/行高）。

  sg.Input(size=(20, 1))  # 宽度20字符，高度1行
  

• 间距调整：使用pad参数设置外边距，或通过空元素（如sg.Text("")）插入空白。

  [sg.Text("标签"), sg.Input(), sg.Text("", size=(5, 1))]  # 右侧插入5字符空白
  

2. 嵌套布局实现复杂结构

• Column容器：将多行控件分组，实现垂直排列的精确控制。

  left_col = [
      [sg.Text("左侧区域")],
      [sg.Button("按钮1")],
      [sg.Button("按钮2")]
  ]
  layout = [
      [sg.Column(left_col, pad=(0, 0))],  # 左侧列无外边距
      [sg.Text("右侧主区域", size=(30, 1))]
  ]
  

• Frame容器：添加边框和标题，分组相关控件。

  frame_layout = [
      [sg.Radio("选项1", "GROUP"), sg.Radio("选项2", "GROUP")],
      [sg.Checkbox("复选框")]
  ]
  layout = [
      [sg.Frame("选项组", frame_layout, size=(200, 100))]
  ]
  

3. 绝对定位模拟（高级）

通过计算控件位置和尺寸，结合sg.Column的scrollable=True属性模拟绝对定位：

def create_absolute_layout():
    canvas = sg.Column([], size=(400, 300), scrollable=True, vertical_scroll_only=True, key="-CANVAS-")
    # 动态添加控件到canvas的key对应的Column中
    return [
        [canvas],
        [sg.Button("添加控件")]
    ]

实际开发中，更推荐使用嵌套布局替代绝对定位。

三、VB风格设计助手实现

以下代码实现一个VB6风格的窗体设计助手，集成控件库、画布和属性面板：

import PySimpleGUI as sg
from collections import OrderedDict

class VB6Designer:
    def __init__(self):
        self.theme_list = sg.theme_list()
        self.current_theme = 'DarkBlue3'
        self.components = OrderedDict([
            ('Label', {'type': 'Text', 'props': {'size': (15, 1), 'justification': 'left'}}),
            ('TextBox', {'type': 'Input', 'props': {'size': (20, 1)}}),
            ('Button', {'type': 'Button', 'props': {'size': (10, 1)}}),
            ('CheckBox', {'type': 'Checkbox', 'props': {'default': False}}),
            ('RadioButton', {'type': 'Radio', 'props': {'group_id': 'RADIO1'}}),
            ('ComboBox', {'type': 'Combo', 'props': {'values': ['Option1', 'Option2'], 'size': (15, 1)}}),
            ('Frame', {'type': 'Frame', 'props': {'title': 'Group', 'layout': []}})
        ])
        self.current_layout = []

    def init_ui(self):
        # 左侧控件面板
        control_panel = [
            [sg.Text('控件库', font=('Arial', 12), justification='center')],
            [sg.Listbox(list(self.components.keys()), size=(15, 10), key='-COMPONENT-LIST-')],
            [sg.Button('添加到画布', key='-ADD-COMPONENT-')]
        ]
        # 中间画布区域
        canvas_header = [[sg.Text('设计画布', font=('Arial', 12), justification='center')]]
        self.canvas_area = [[sg.Column([], key='-CANVAS-', scrollable=True, vertical_scroll_only=True, size=(400, 300))]]
        # 右侧属性面板
        property_panel = [
            [sg.Text('属性设置', font=('Arial', 12), justification='center')],
            [sg.Text('控件名称:'), sg.Input(key='-PROP-NAME-', size=(20, 1))],
            [sg.Text('其他属性:'), sg.Multiline(key='-PROP-EDITOR-', size=(30, 10), disabled=True)],
            [sg.Button('应用属性', key='-APPLY-PROPS-', disabled=True)]
        ]
        # 底部工具栏
        toolbar = [
            [sg.Button('撤销', key='-UNDO-'), sg.Button('保存布局', key='-SAVE-LAYOUT-'),
             sg.Combo(self.theme_list, default_value=self.current_theme, size=(15, 1), key='-THEME-', enable_events=True),
             sg.Button('预览', key='-PREVIEW-')]
        ]
        # 主布局
        layout = [
            [sg.Column(control_panel, size=(200, 400)),
             sg.Column(canvas_header + self.canvas_area, size=(450, 400)),
             sg.Column(property_panel, size=(250, 400))],
            [sg.Column(toolbar, justification='center')]
        ]
        return sg.Window('VB6风格窗体设计助手', layout, finalize=True, resizable=True)

# 使用示例
if __name__ == "__main__":
    designer = VB6Designer()
    window = designer.init_ui()
    while True:
        event, values = window.read()
        if event in (sg.WIN_CLOSED, 'Exit'):
            break
        # 添加控件到画布的逻辑（需实现）
        # if event == '-ADD-COMPONENT-': ...
    window.close()

四、关键技巧总结

1. 嵌套布局：通过Column和Frame实现复杂结构分组。
2. 尺寸控制：利用size和pad精确调整控件外观。
3. 可视化辅助：使用scrollable=True的Column模拟画布区域。
4. 主题定制：通过sg.theme()统一界面风格。

PySimpleGUI虽无VB的所见即所得设计器，但通过上述方法可实现高度可控的精确布局，适合需要快速原型开发的场景。