PySimpleGUIQt跨Windows与macOS列对齐异常问题求助

你遇到的是PySimpleGUIQt跨平台布局的典型问题——Windows和macOS的字体渲染机制、控件尺寸计算逻辑存在差异，导致无固定约束的文本控件排列错位。下面是具体的修复方案，帮你实现跨平台一致的布局效果：

核心问题分析 #

你当前的布局直接在一行堆叠多个sg.Text控件，但没有给属性标签（比如"Species"、"Gender"这类文本）设置固定宽度。不同系统对相同字体的字符宽度计算不同，比如Baskerville字体在macOS中部分字符更宽，直接导致整行控件的对齐关系混乱。

解决方案：给标签/文本控件添加固定尺寸约束 #

给每个属性标签和属性值文本设置size参数，固定它们的横向宽度，这样不管在哪个平台，控件都会占据相同的空间，自然就能保持对齐。同时搭配Column的对齐配置，进一步强化布局一致性。

修改后的完整代码示例：

def display_stats(character):
    # 根据字体大小定义统一的标签和值尺寸，可根据实际显示效果微调
    label_size = (12, 1)
    value_size = (15, 1)

    column_1 = [
        [sg.Text('Birth/Family', background_color='gold', justification='c', expand_x=True)],
        [sg.Text('Species', size=label_size), sg.Text(character.species, background_color='lightblue', size=value_size), 
         sg.Text('Gender', size=label_size), sg.Text(character.gender, background_color='lightblue', size=value_size)],
        [sg.Text('Birthdate', size=label_size),
         sg.Text(f'{character.birth_month} {character.birth_day}', background_color='lightblue', size=value_size),
         sg.Text('Sunsign', size=label_size), sg.Text(f'{character.sunsign}', background_color='lightblue', size=value_size)
         ]
    ]

    column_2 = [
        [sg.Text('Appearance', background_color='gold', expand_x=True)],
        [sg.Text('Height', size=label_size), sg.Text(character.height, background_color='lightblue', size=value_size), 
         sg.Text('Frame', size=label_size), sg.Text(character.frame, background_color='lightblue', size=value_size), 
         sg.Text('Weight', size=label_size), sg.Text(character.weight, background_color='lightblue', size=value_size)],
        [sg.Text('Size', size=label_size), sg.Text(character.size, background_color='lightblue', size=value_size), 
         sg.Text('Comeliness', size=label_size), sg.Text(character.comeliness, background_color='lightblue', size=value_size), 
         sg.Text('Handedness', size=label_size), sg.Text(character.handedness, background_color='lightblue', size=value_size)],
        [sg.Text('Physical', background_color='gold', justification='c', expand_x=True)],
        [sg.Text('Strength', size=label_size), sg.Text(character.strength, background_color='lightblue', size=value_size), 
         sg.Text('Endurance', size=label_size), sg.Text(character.endurance, background_color='lightblue', size=value_size), 
         sg.Text('Dexterity', size=label_size), sg.Text(character.dexterity, background_color='lightblue', size=value_size)],
        [sg.Text('Agility', size=label_size), sg.Text(character.agility, background_color='lightblue', size=value_size), 
         sg.Text('Speed', size=label_size), sg.Text(character.speed, background_color='lightblue', size=value_size), 
         sg.Text('Eyesight', size=label_size), sg.Text(character.eyesight, background_color='lightblue', size=value_size)],
        [sg.Text('Hearing', size=label_size), sg.Text(character.hearing, background_color='lightblue', size=value_size), 
         sg.Text('Smell/Taste', size=label_size), sg.Text(character.smell_taste, background_color='lightblue', size=value_size), 
         sg.Text('Touch', size=label_size), sg.Text(character.touch, background_color='lightblue', size=value_size)],
        [sg.Text('Voice', size=label_size), sg.Text(character.voice, background_color='lightblue', size=value_size)],
        [sg.Text('Personality', background_color='gold', justification='c', expand_x=True)],
        [sg.Text('Intelligence', size=label_size), sg.Text(character.intelligence, background_color='lightblue', size=value_size), 
         sg.Text('Aura', size=label_size), sg.Text(character.aura, background_color='lightblue', size=value_size)],
        [sg.Text('Will', size=label_size), sg.Text(character.will, background_color='lightblue', size=value_size), 
         sg.Text('Morality', size=label_size), sg.Text(character.morality, background_color='lightblue', size=value_size)],
        [sg.Text('Piety', size=label_size), sg.Text(character.piety, background_color='lightblue', size=value_size)]
    ]

    layout = [
        [sg.Column(column_1, element_justification='left', size=(780, None))],
        [sg.Column(column_2, element_justification='left', size=(780, None))],
        [sg.OK(auto_size_button=False, size=(10,1)), sg.Button('Save', auto_size_button=False, size=(10,1)),
         sg.Button('Re-roll', auto_size_button=False, size=(10,1))]
    ]

    # 建议更换为跨平台渲染更一致的字体，比如Segoe UI（Windows）/San Francisco（macOS）通用的无衬线字体
    window = sg.Window('Generated Character', layout, finalize=True, size=(800, 600), font=('Segoe UI', 20))
    event, values = window.read()
    if event == 'Save' or event == 'Re-roll':
        window.close()
        return event
    window.close()

额外优化提示 #

1. 统一跨平台字体：Baskerville在不同系统的渲染差异较大，换成Segoe UI、Arial这类通用无衬线字体，能从根源减少布局偏差。
2. 强化Column对齐：给sg.Column添加element_justification='left'，确保列内所有控件统一左对齐，避免默认对齐逻辑的平台差异。
3. 固定按钮尺寸：给操作按钮也设置size参数，保证不同平台按钮大小一致，提升整体界面的协调性。

这些改动后，你的角色属性布局应该能在Windows和macOS上保持完全一致的对齐效果了。

内容的提问来源于stack exchange，提问作者Robin Siebler