11. 设计如下界面,在界面上方有一个标签“I’m a able”,中间有一个随机颜色的圆形,下方有两个按钮,点击点击“change lable”后标签改变为“ouch!”。点击“change circle”后圆改变颜色。
时间: 2024-03-06 08:50:47 浏览: 54
软件工程课件15用户界面设计.pptx
可以使用Python的GUI库Tkinter来设计这个界面,以下是基本的代码:
```python
import tkinter as tk
import random
class MyApp:
def __init__(self, root):
self.root = root
self.root.title("My App")
self.label = tk.Label(root, text="I'm able")
self.label.pack()
self.canvas = tk.Canvas(root, width=100, height=100)
self.canvas.pack()
self.circle = self.canvas.create_oval(10, 10, 90, 90, fill=self.getRandomColor())
self.changeLabelButton = tk.Button(root, text="Change Label", command=self.changeLabel)
self.changeLabelButton.pack()
self.changeCircleButton = tk.Button(root, text="Change Circle", command=self.changeCircle)
self.changeCircleButton.pack()
def changeLabel(self):
self.label.config(text="Ouch!")
def changeCircle(self):
self.canvas.itemconfig(self.circle, fill=self.getRandomColor())
def getRandomColor(self):
r = random.randint(0, 255)
g = random.randint(0, 255)
b = random.randint(0, 255)
return '#{:02x}{:02x}{:02x}'.format(r, g, b)
root = tk.Tk()
app = MyApp(root)
root.mainloop()
```
这段代码创建了一个名为My App的窗口,其中包含标签、圆形和两个按钮。在按钮的回调函数中,可以使用config()和itemconfig()方法来动态修改标签和圆形的属性。使用getRandomColor()方法来生成随机颜色。
阅读全文