Question

我正在编写一个简单的弹跳图标程序（Python 3.7，Windows 10 x64），以获得Tkinter和画布的感觉。我已经在下面发布了我的代码。该程序的问题是它会修剪图标的边缘（沿运动方向）。如果我将运动放慢一点（通过在after方法中增加该值），它将不再裁剪，但运动不稳定。也许我想得太多，它基本上可以实现我想要的目标。但是，如果这是一个重要的游戏或其他项目，那么如何预防？

      bool* tmpArr = tmp.data();

cloudy.png

Answer 1

有两个因素会导致削波。主要问题是，load_image(20, 20, imagepath)仅在原始图像为正方形时会产生20x20的对象。但是您的云对象不是方形的。并且仅当重新缩放的云对象为20x20时，边界碰撞计算才有效。所以我们需要修改它。另一个问题是您无法补偿Canvas的边界。最简单的方法是使用bd=0将其设置为零。

在GUI开发期间，通常最好使用各种颜色，以便您确切知道小部件的位置。为了让我们更容易看到云何时到达Canvas边界，我将根窗口颜色设置为红色。我还增加了.after延迟，因为我看不到您设置的速度正在发生什么。 ;）我使云变得更大了。

我对您的代码做了一些其他小的更改，主要是我摆脱了“ star”导入，该导入将100多个Tkinter名称转储到您的命名空间中。

更新

我将xinc和yinc减小为1，并改善了弹跳范围的计算。（并结合jasonharper的建议cwid和chi）。我不再在机器上看到任何剪裁，并且运动更加顺畅。我也将Canvas填充减少到1像素，但这对剪切没有影响。我只是用padx=10, pady=10尝试过，它可以按预期工作。

import tkinter as tk
import os
from PIL import Image, ImageTk

def load_image(width, height, imgpath):
    loadimg = Image.open(imgpath)
    pwid, phi = loadimg.size
    pf1, pf2 = width / pwid, height / phi
    pfactor = min(pf1, pf2)
    pwidth, pheight = int(pwid * pfactor), int(phi * pfactor)
    loaded = loadimg.resize((pwidth, pheight), Image.ANTIALIAS)
    loaded = ImageTk.PhotoImage(loaded)
    return loaded, pwidth // 2, pheight // 2

xinc = yinc = 1

def bounce():
    global xinc, yinc

    x, y = dash.coords(dashposition)
    if not bx <= x < cwid-bx:
        xinc = -xinc
    if not by <= y < chi-by:
        yinc = -yinc
    dash.move(dashposition, xinc, yinc)
    dash.after(5, bounce)

root = tk.Tk()
root.configure(bg='red')

dash = tk.Canvas(root, bg='black', 
    highlightthickness=0, width=800, height=600, bd=0)
dash.grid(row=0, column=0, padx=1, pady=1)
cwid = int(dash.cget('width'))
chi = int(dash.cget('height'))

imagepath = 'cloudy.png'
size = 50
image, bx, by = load_image(size, size, imagepath)
# print(bx, by)

dashposition = dash.create_image(bx * 2, by * 2,
    anchor=tk.CENTER, image=image, tags=('current'))

bounce()

root.mainloop()

Tkinter-弹跳图标脚本

1 个答案:

更新