
1. 问题背景与分析
在开发customtkinter应用程序时,开发者可能会遇到图片无法正确显示或在高dpi屏幕上显示异常的问题,并收到类似“warning: given image is not ctkimage but {type(image)}. image can not be scaled on highdpi displays, use ctkimage instead.”的警告。这通常是因为customtkinter的组件(如ctklabel)期望接收特定类型的图片对象,即customtkinter.ctkimage,而不是标准的pil.imagetk.photoimage。
PIL.ImageTk.PhotoImage是PIL(Pillow)库与Tkinter之间进行图片交互的标准方式。然而,CustomTkinter为了更好地支持高DPI缩放和主题化,引入了其自定义的图片类型CTkImage。当尝试将PIL.ImageTk.PhotoImage直接传递给CTkLabel等CustomTkinter组件时,这些组件无法正确处理其内部的缩放逻辑,从而导致图片不显示或显示不正确。
2. 使用customtkinter.CTkImage显示图片
要解决图片在高DPI显示器上无法缩放的问题,并确保图片在CustomTkinter组件中正确显示,必须使用customtkinter.CTkImage。
CTkImage的构造函数接受一个PIL图像对象作为参数。它还支持通过size参数明确指定图片的显示尺寸,这对于确保图片以预期大小呈现至关重要,因为其默认尺寸可能不符合需求(例如,默认为30x30)。
示例代码:
import customtkinter
from PIL import Image
# 假设图片文件名为 "money.png"
img_path = "money.png"
# 1. 使用PIL库加载原始图片
img_pil = Image.open(img_path)
# 2. 创建 customtkinter.CTkImage 对象
# 必须指定 size 参数,否则图片可能显示为默认小尺寸
ctk_img = customtkinter.CTkImage(img_pil, size=img_pil.size)
# 3. 将 CTkImage 对象赋值给 CustomTkinter 组件
app = customtkinter.CTk()
app.geometry("400x450")
app.title("Currency Converter")
photo_label = customtkinter.CTkLabel(app, image=ctk_img, text="") # text="" 避免默认文本干扰
photo_label.pack(pady=20) # 使用pack进行布局,更简洁
app.mainloop()在上述代码中:
- 我们首先使用PIL.Image.open()加载图片。
- 然后,通过customtkinter.CTkImage(img_pil, size=img_pil.size)将PIL图像转换为CTkImage。这里,size=img_pil.size确保了CTkImage的尺寸与原始PIL图像的尺寸一致。
- 最后,将ctk_img对象赋给customtkinter.CTkLabel的image属性。
3. app.iconphoto的特殊处理
尽管customtkinter.CTkImage是CustomTkinter组件的首选图片类型,但对于标准的Tkinter功能,如设置应用程序图标(通过app.iconphoto()方法),仍然需要使用PIL.ImageTk.PhotoImage。这是因为app.iconphoto()是Tkinter的原生方法,它期望接收Tkinter兼容的图片对象。
示例代码:
import customtkinter
from PIL import Image, ImageTk # 引入 ImageTk
# 假设图片文件名为 "money.png"
img_path = "money.png"
# 1. 使用PIL库加载原始图片
img_pil = Image.open(img_path)
# 2. 为 CustomTkinter 组件创建 CTkImage
ctk_img = customtkinter.CTkImage(img_pil, size=img_pil.size)
# 3. 为应用程序图标创建 ImageTk.PhotoImage
# 注意:这里仍然需要原始的PIL图像对象来创建 ImageTk.PhotoImage
app_icon = ImageTk.PhotoImage(img_pil)
# 4. 设置应用程序图标
app = customtkinter.CTk()
app.geometry("400x450")
app.title("Currency Converter")
app.iconphoto(False, app_icon) # 使用 ImageTk.PhotoImage 设置图标
photo_label = customtkinter.CTkLabel(app, image=ctk_img, text="")
photo_label.pack(pady=20)
app.mainloop()在这个例子中,我们同时创建了ctk_img用于CTkLabel,以及app_icon(一个PIL.ImageTk.PhotoImage对象)用于app.iconphoto()。
4. 完整示例代码
结合上述两种情况,以下是一个完整的、功能正常的CustomTkinter应用程序,它正确地显示图片并设置了应用程序图标:
import customtkinter
from PIL import Image, ImageTk
# 初始化 CustomTkinter 应用
app = customtkinter.CTk()
app.config(bg="#202630") # CustomTkinter通常通过主题控制背景色,这里可能被覆盖
app.geometry("400x450")
app.title("Currency Converter")
# 图片路径
img_path = "money.png"
# 1. 使用PIL加载原始图片
img_pil = Image.open(img_path)
# 2. 为 CustomTkinter 组件创建 CTkImage
# 确保指定 size 参数以防止默认尺寸问题
ctk_img = customtkinter.CTkImage(img_pil, size=img_pil.size)
# 3. 将 CTkImage 绑定到 CTkLabel
# text="" 是一个好的实践,以避免标签显示默认文本
photo_label = customtkinter.CTkLabel(app, fg_color="#202630", image=ctk_img, text="")
# 使用 pack 或 grid 进行布局,place 可能在响应式布局中更复杂
photo_label.pack(pady=20, padx=20) # 居中显示,并添加一些内边距
# 4. 为 app.iconphoto() 创建 ImageTk.PhotoImage
# app.iconphoto 需要 Tkinter 原生的 PhotoImage
app_icon_tk = ImageTk.PhotoImage(img_pil)
app.iconphoto(False, app_icon_tk)
# 运行应用程序主循环
app.mainloop()5. 注意事项与总结
- 图片类型区分: 核心在于区分customtkinter.CTkImage和PIL.ImageTk.PhotoImage的使用场景。CTkImage用于CustomTkinter的组件(如CTkLabel, CTkButton等),而PIL.ImageTk.PhotoImage则用于标准Tkinter功能(如app.iconphoto)。
- 高DPI缩放: CTkImage内置了对高DPI显示器的支持,能够自动调整图片大小以保持清晰度。直接使用PIL.ImageTk.PhotoImage可能导致在高DPI屏幕上图片模糊或尺寸不正确。
- size参数: 在创建CTkImage时,务必通过size参数明确指定图片尺寸,否则可能会使用默认的30x30像素,导致图片显示过小。
- 图片引用: 确保在应用程序的整个生命周期中,图片对象(特别是CTkImage和PhotoImage)被正确引用,以防止被垃圾回收导致图片消失。通常,将它们赋值给一个变量(如本教程中的ctk_img和app_icon_tk)并保持其在作用域内即可。
遵循这些指导原则,开发者可以确保在CustomTkinter应用程序中正确、高效地处理图片,并提供良好的用户体验,尤其是在多分辨率和高DPI环境下。










