# 一定要定义编码
# -*- coding: UTF-8 -*-

# 【1】导入库↓顺便给tkinter库取个别名为tk，
# 好处是调用的时候更方便调用。
import tkinter as tk

# 新导入库，用于pillow，支持各种后缀的图片
from PIL import ImageTk,Image

# --------自定义按钮对应的函数--开始--------------- #
######
# --------自定义按钮对应的函数--结束--------------- #


# 【1】创建软件窗口实体，窗体
chuangkou1=tk.Tk()

# 【2】软件界面顶部显示名称以及版本号
chuangkou1.title("软件界面载入图片实战")

# 【3】软件的长宽、在当前桌面屏幕的左边距、顶上边距
# 定义窗口自身宽度
ck1w=400
# 定义窗口自身高度
ck1h=300
# 获取屏幕宽度
pmw=chuangkou1.winfo_screenwidth()
# 获取屏幕高度
pmh=chuangkou1.winfo_screenheight()
# 计算水平方向的起点位置坐标
x1=pmw/2-ck1w/2
# 计算垂直方向的起点位置坐标
y1=pmh/2-ck1h/2
# 设置窗体所在屏幕的坐标位置
chuangkou1.geometry("%dx%d+%d+%d"%(ck1w,ck1h,x1,y1))

# 【4】软件界面窗体的背景属性，背景颜色改成绿色，绿色的颜色属性值
chuangkou1["background"]="#ffffcc"

# 【5】载入第1张图片路径
img1=Image.open("./pic1/konglong.png")
# 把上面的图片路径转成图片实体
img2=ImageTk.PhotoImage(img1)
# 载入图片不需要有text文字，你设置了文本，也显示不了。
# 所以不需要下面的text="你好"这一段变量代码。
lbl1=tk.Label(chuangkou1,text="你好",image=img2)
lbl1.pack(padx=0,pady=0)

# 【6】载入第2张图片,并给图片定义宽度
img3=Image.open("./pic1/feiji.jpg")
img4=ImageTk.PhotoImage(img3)
lbl2=tk.Label(chuangkou1,image=img4,width=400)
lbl2.pack(padx=0,pady=0)









# ------末尾必须放死循环代码---分割线------ #
# 【End.1】持续显示软件界面，相当于死循环，↓
# 【End.1】这个窗体的作用是监听这个界面发生的一切事件，包括鼠标点击动作。
# 【End.1】下面这个死循环代码必须放在最后面。
chuangkou1.mainloop()