Tkinter图片嵌入Frame问题：背景溢出与图片居中需求

Hey there! Let's work through those two Tkinter problems you're dealing with. I'll break down each issue and show you adjusted code to fix them.

1. Fixing the White Background Overflowing the LabelFrame #

The white background appearing to spill outside your LabelFrame is probably due to default border settings on the LabelFrame itself, or the child Label not being constrained properly within it. When you use grid_propagate(0) to lock the LabelFrame's size, we need to tweak a few settings to keep the background contained:

• Add bd=0 (borderwidth) and highlightthickness=0 to remove the default border that can make the background look like it's overflowing.
• Ensure the child widget doesn't push beyond the LabelFrame's bounds by configuring the grid layout to allocate space correctly.

2. Centering the Image in the Frame #

To get your image perfectly centered both horizontally and vertically inside the LabelFrame, we need two key adjustments:

• Make the child Label expand to fill the entire LabelFrame space (you already used sticky='nsew', but we'll add grid weights to the LabelFrame's row/column to enforce this).
• Set the Label's anchor='center' property so the image itself stays centered within the widget, even if it's smaller than the frame's size.

Adjusted Full Code #

from tkinter import Tk, LabelFrame, Label
from PIL import Image, ImageTk

# Assume 'page1' is your parent widget, and 'filename' is your image path
img = ImageTk.PhotoImage(Image.open(filename))

# Create LabelFrame with fixed size and no extra borders
ImageFrame = LabelFrame(page1, text="Podgląd", height=200, width=300, 
                        background='white', bd=0, highlightthickness=0)
ImageFrame.grid(row=0, column=3, pady=10, padx=5)
ImageFrame.grid_propagate(0)  # Lock the frame's size

# Configure grid to let the child label fill available space
ImageFrame.grid_rowconfigure(0, weight=1)
ImageFrame.grid_columnconfigure(0, weight=1)

# Create label with center anchor and matching background
panel = Label(ImageFrame, background='white', anchor='center')
panel.grid(row=0, column=0, sticky='nsew')

# Assign and display the image
panel.image = img
panel.configure(image=img)

Key Changes Explained #

• bd=0 and highlightthickness=0 on the LabelFrame eliminate default borders that caused the background to look like it was overflowing.
• grid_rowconfigure and grid_columnconfigure with weight=1 tell the grid to allocate all available space to the single row/column, ensuring the label fills the frame.
• anchor='center' on the Label keeps the image centered, even if the image is smaller than the frame's dimensions.
• Matching the Label's background to the LabelFrame's white background prevents any unwanted color gaps.

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