tkinter改進了隨機顯示圖片

隨機顯示，還加了圓圈，這樣感受更好點。

from django.test import TestCase

# Create your tests here.
import random
import json
import time
import tkinter as tk
from tkinter import filedialog
from tkinter import LabelFrame
from tkinter import StringVar
from PIL import Image, ImageTk


# 方塊大小
card_size = 120
# 間隙大小
gap_size = 2
# 繪圖起點座標
start_x = 400
start_y = 100
# 7 * 5 方格
x_grid = 7
y_grid = 5


# 打開文件，載入json文件
def open_file():
    xxx_name = filedialog.askopenfilename(title='打開文件',
                                          filetypes=[('json', '*.json'),
                                                     ('All Files', '*')])
    # 更新Label text變量
    var.set(xxx_name)
    with open(xxx_name, 'r') as load_f:
        global card_dict
        card_dict = json.load(load_f)


# 畫圓
def draw_circle(cvs, x, y, r, **kwargs):
    return cvs.create_oval(x-r, y-r, x+r, y+r, **kwargs)


# 繪圖
def draw_card():
    # 這個打開文件，用的是回調函數，我暫時也不知道如何不用這個全局變量
    global card_dict
    imgs_list = []
    for i in range(y_grid):
        y1 = start_y + i * card_size
        for j in range(x_grid):
            x1 = start_x + j * card_size
            # 解析json裏對應的文件名
            image_num = card_dict[str(i+1)][str(j+1)]
            image_path = "images/{}.png".format(image_num[0].upper())
            # 載入圖片
            img = Image.open(image_path)
            # 重定義大小
            img = img.resize((card_size-gap_size, card_size-gap_size), Image.BILINEAR)
            # 重定義旋轉
            img = img.rotate(image_num[1])
            imgs = ImageTk.PhotoImage(img)
            # 先造成一個大列表，便於後面打亂了顯示或成行成列顯示
            card_pos = [x1 + gap_size, y1 + gap_size, imgs]
            imgs_list.append(card_pos)
    # 爲了效果好，隨機顯示
    random.shuffle(imgs_list)
    for item in imgs_list:
        # 以nw左上角爲基準點, 先大圖出現，提示一下重點，加點透明GIF，就完美了
        # img_big = ImageTk.PhotoImage(item[3])
        # cv.create_image((item[0], item[1]), anchor='nw', image=img_big, tag='tmp_resize')
        cv.create_image((item[0], item[1]), anchor='nw', image=item[2])
        draw_circle(cv, item[0] + card_size / 2, item[1] + card_size / 2, 20, width='4', outline="green",
                    tag='tmp_circle')
        cv.update()
        # 停一下
        time.sleep(0.5)
        # 刪除圓圈，只做動畫
        cv.delete('tmp_circle')
        # 不調用update，不會更新畫布
        cv.update()
    time.sleep(10)


win = tk.Tk()
win.title('tkinter')
w = win.winfo_screenwidth()
h = win.winfo_screenheight()
win.geometry("%dx%d" % (w, h))
cv = tk.Canvas(win, bg='silver', width=w, height=h)

# 要更新label的text，要用var.set方法才行
var = StringVar()
var.set("...")
lab_fra = LabelFrame(win, height=200, width=300, text='選擇文件')
lab_fra.pack(side='top', fill='both', expand=True)
btn_open = tk.Button(lab_fra, text='打開文件', command=open_file)
btn_open.grid(row=0, column=0)
btn_render = tk.Button(lab_fra, text='開始渲染', command=draw_card)
btn_render.grid(row=0, column=1)
text_label = tk.Label(lab_fra, textvariable=var)
text_label.grid(row=0, column=2)

# 畫格子， 要算好橫縱座標
for i in range(y_grid):
    y1 = start_y + i * card_size
    for j in range(x_grid):
        x1 = start_x + j * card_size
        cv.create_rectangle(x1, y1, x1 + card_size, y1 + card_size)


cv.pack()
win.mainloop()