如何为ttk.Frame添加背景色与阴影（使用Sun Valley主题）

背景色设置方案 #

sv_ttk主题会覆盖ttk组件的默认样式，直接设置bg参数无效，可通过以下两种方式解决：

方法1：自定义ttk.Style #

针对sv_ttk主题的样式规则，修改Frame的样式映射：

import tkinter as tk
from tkinter import ttk
import sv_ttk

root = tk.Tk()
sv_ttk.set_theme("light")

# 创建并配置自定义Frame样式
style = ttk.Style()
style.configure("CustomFrame.TFrame", background="#f0f0f0")

# 使用自定义样式创建Frame
custom_frame = ttk.Frame(root, style="CustomFrame.TFrame", padding=20)
custom_frame.pack(pady=20, padx=20, fill="both", expand=True)

root.mainloop()

方法2：嵌套普通tk.Frame #

通过外层普通tk.Frame设置背景色，内层放置ttk.Frame作为内容容器：

import tkinter as tk
from tkinter import ttk
import sv_ttk

root = tk.Tk()
sv_ttk.set_theme("light")

# 外层普通Frame定义背景色
outer_frame = tk.Frame(root, bg="#f0f0f0", padx=3, pady=3)
outer_frame.pack(pady=20, padx=20, fill="both", expand=True)

# 内层ttk.Frame承载业务组件
inner_frame = ttk.Frame(outer_frame)
inner_frame.pack(fill="both", expand=True, padx=10, pady=10)

root.mainloop()

阴影效果实现方案 #

ttk无原生阴影支持，可通过以下两种模拟方式实现：

方法1：多层Frame叠加模拟阴影 #

利用不同灰度的Frame层叠偏移，模拟阴影层次感：

import tkinter as tk
from tkinter import ttk
import sv_ttk

root = tk.Tk()
sv_ttk.set_theme("light")

# 两层阴影Frame，逐层偏移
shadow1 = tk.Frame(root, bg="#cccccc")
shadow1.pack(pady=(20,0), padx=(20,0))
shadow2 = tk.Frame(shadow1, bg="#dddddd")
shadow2.pack(pady=(1,0), padx=(1,0))

# 内容容器Frame
content_frame = ttk.Frame(shadow2, style="CustomFrame.TFrame")
content_frame.pack(fill="both", expand=True, padx=10, pady=10)

# 测试组件
ttk.Label(content_frame, text="待办事项列表").pack(pady=10)
ttk.Button(content_frame, text="添加事项").pack(pady=5)

root.mainloop()

方法2：PIL绘制阴影背景图 #

通过PIL生成带阴影的背景图，用Label承载后放置ttk.Frame：

import tkinter as tk
from tkinter import ttk
import sv_ttk
from PIL import Image, ImageTk, ImageDraw

def create_shadow_bg(width, height, bg_color="#ffffff", shadow_color="#cccccc", shadow_size=5):
    # 生成带阴影的RGBA图像
    total_w = width + shadow_size
    total_h = height + shadow_size
    img = Image.new("RGBA", (total_w, total_h), (0,0,0,0))
    draw = ImageDraw.Draw(img)
    
    # 绘制阴影层
    draw.rectangle((shadow_size, shadow_size, total_w, total_h), fill=shadow_color)
    # 绘制主体背景层
    draw.rectangle((0, 0, width, height), fill=bg_color)
    
    return ImageTk.PhotoImage(img)

root = tk.Tk()
sv_ttk.set_theme("light")

# 生成阴影背景图
frame_w, frame_h = 300, 200
shadow_img = create_shadow_bg(frame_w, frame_h)

# 用Label作为阴影容器
shadow_label = tk.Label(root, image=shadow_img, bd=0)
shadow_label.pack(pady=20, padx=20)

# 在Label上放置ttk内容Frame
content_frame = ttk.Frame(shadow_label)
content_frame.place(x=0, y=0, width=frame_w, height=frame_h)

# 测试组件
ttk.Label(content_frame, text="待办事项").pack(pady=20)
ttk.Entry(content_frame).pack(pady=5)

root.mainloop()

完整整合示例 #

结合背景色与阴影效果，适配sv_ttk主题的待办应用框架：

import tkinter as tk
from tkinter import ttk
import sv_ttk

root = tk.Tk()
root.title("待办事项应用")
sv_ttk.set_theme("light")

# 阴影层
shadow_frame = tk.Frame(root, bg="#e0e0e0")
shadow_frame.pack(pady=(30, 10), padx=(30, 10))

# 背景色Frame
bg_frame = tk.Frame(shadow_frame, bg="#f8f8f8")
bg_frame.pack(pady=(2, 0), padx=(0, 2))

# 自定义样式的ttk内容容器
style = ttk.Style()
style.configure("TodoFrame.TFrame", background="#f8f8f8")
todo_frame = ttk.Frame(bg_frame, style="TodoFrame.TFrame", padding=20)
todo_frame.pack(fill="both", expand=True)

# 待办业务组件
ttk.Label(todo_frame, text="今日待办").pack(anchor="w", pady=(0, 10))
task_entry = ttk.Entry(todo_frame, width=30)
task_entry.pack(pady=(0, 10))
add_btn = ttk.Button(todo_frame, text="添加任务")
add_btn.pack(pady=(0, 15))

task_list = ttk.Treeview(todo_frame, columns=("task"), show="headings")
task_list.heading("task", text="任务内容")
task_list.pack(fill="both", expand=True)

root.mainloop()

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