如何在 PySimpleUI 中的可滚动列内保留空间？

Posted 2023-03-17

【中文标题】如何在 PySimpleUI 中的可滚动列内保留空间？

【英文标题】：How to reserve space inside scrollable column in PySimplegUI?

【发布时间】：2021-09-19 13:40:46

【问题描述】：

所以我想要一个可滚动的列。里面会有很多元素。除其他外，两张将打印 matplotlib 图形的画布。

layout = [[sg.Column(layout, vertical_scroll_only=True, scrollable=True,size=(800,400))]]

我现在明白了，这为宽度为 800 和高度为 400 的列保留了空间。您可以在其中滚动元素的分配空间。

[sg.Button("Load CSVs", key="-loadcsv-")],
[sg.Canvas(key='-CANVAS2-' ),sg.InputText(size=(10,1),key="threshold"), sg.Button("Set Threshold", key="-threshold-")],
[sg.InputText(size=(50, 1), key='-MODELNAME-'), sg.FileBrowse("Load Model")]

这是列内内容的一部分。我知道我可以为画布保留空间，以便在绘制图形之前有一些空间，但我不想要那种外观。并且画布之后的东西仍然会被推离可见空间。

如何分配列内的空间？

编辑： 我在添加两张图片，第一张是初始布局：

这是插入 matplotlib 图形时发生的情况。其中一些只是被消灭了。我知道我可以预先分配画布大小，但我不喜欢初始布局。

【问题讨论】：

这个问题讲了什么？？？因为我的英语很差，什么都听不懂。

我稍后会添加图片。

@JasonYang 我添加了两张图片，希望你现在能更好地理解它。

“我知道我可以预先分配画布大小，但我不喜欢初始布局。”什么意思 ？您设置的尺寸小于要求的尺寸，因此窗口或列将被清除。

是的，但我想知道如何设置画布和按钮的容器大小。如果我在设置图片之前设置画布，则加载 CSV 和设置阈值按钮之间存在很大差距。

【参考方案1】：

要设置sg.Canvas的大小以适应Matplotlib的图形，你最好指定选项figsize和dpi，然后你可以得到大小将是(figsize[0]*dpi, figsize[1 ]*dpi)。

方法sg.pin是在不可见时保持sg.Canvas的位置。 window['-CANVAS-'].Widget.pack() 是让它对sg.Canvas 的无update 方法可见。

调用方法contents_changed更新sg.column的滚动条，这里需要window.refresh()更新之前的GUI。

import matplotlib.pyplot as plt
import numpy as np
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg
import PySimpleGUI as sg
import matplotlib
matplotlib.use('TkAgg')

def draw_figure(canvas, figure):
    figure_canvas_agg = FigureCanvasTkAgg(figure, canvas)
    figure_canvas_agg.draw()
    figure_canvas_agg.get_tk_widget().pack(side='top', fill='both', expand=1)
    return figure_canvas_agg

column = [
    [sg.Button("Load CSVs", key="-loadcsv-")],
    [sg.pin(sg.Canvas(size=(500, 500), visible=False, key='-CANVAS2-')),
     sg.InputText(size=(10,1), key="threshold"),
     sg.Button("Set Threshold", key="-threshold-")],
    [sg.InputText(size=(50, 1), key='-MODELNAME-'),
     sg.FileBrowse("Load Model")],
]
layout = [[sg.Column(column, vertical_scroll_only=True, scrollable=True, size=(800, 400), key='-COLUMN-')]]
window = sg.Window('Demo Application - Embedding Matplotlib In PySimpleGUI', layout, finalize=True, element_justification='center', font='Helvetica 18')
fig_canvas_agg = None

while True:
    event, values = window.read()
    if event == sg.WINDOW_CLOSED:
        break
    elif event == "-threshold-":
        if fig_canvas_agg is None:
            fig = matplotlib.figure.Figure(figsize=(5, 4), dpi=100)
            t = np.arange(0, 3, .01)
            fig.add_subplot(111).plot(t, 2 * np.sin(2 * np.pi * t))
            fig_canvas_agg = draw_figure(window['-CANVAS2-'].TKCanvas, fig)
            window['-CANVAS2-'].Widget.pack()
            window.refresh()
            window['-COLUMN-'].contents_changed()

window.close()

【讨论】：

但是这里的文本和按钮之间仍然会有 400 px 的间隙。在图片设置之前我不想要这个间隙。

你的意思是matplot图周围的白色间隙？

没有。在图片设置之前我不希望画布分配空间

更新代码如上。如图所示，您的窗口可能未居中。

不，它仍然会被消灭。