python - Python3 tkinter 画布,设置相对宽度和高度
问题描述
我正在尝试将某些画布的宽度设置为母版的宽度(全屏),将高度设置为母版的 1/5、3/10 和 1/2。窗口正确显示,但画布没有出现。我尝试使用 relwidth = 1 和 relheight = 0.2 的 place() 而不是 pack() 失败。我只想让我的三个画布堆叠并水平填充窗口。
master = Tk()
master.attributes('-zoomed', True)
w = master.winfo_width()
h = master.winfo_height()
hu = int(h/10)
h1 = hu*2
h2 = hu*3
h3 = hu*5
c1 = Canvas(master, bg='grey', width = w, height = h1)
c1.pack()
c2 = Canvas(master, bg='blue', width = w, height = h2)
c2.pack()
c3 = Canvas(master, bg='red', width = w, height = h3)
c3.pack()
编辑:我的工作代码现在是:
c1 = Canvas(master)
c1.place(rely = 0, relheight = 0.2, relwidth = 1)
c2 = Canvas(master)
c2.place(rely = 0.2, relheight = 0.3, relwidth = 1)
c3 = Canvas(master)
c3.place(rely = 0.5, relheight = 0.5, relwidth = 1)
但我有一个副作用,我无法在中心对齐文本:
c1.create_text(0, 0, text = 'text', fill = 'red', font = ('olivier', 30, 'bold'))
c1.update()
我以这种不雅的方式解决了:
master.update_idletasks()
w = master.winfo_width()
h = master.winfo_height()
ww = int(w/2)
hh = int(h/10)
c1.create_text(ww, hh, text = 'text', fill = 'red')
解决方案
您需要使用.place()
几何管理器。
.place()
有两个我认为你需要的主要参数。
第一个是relheight
。正如它的名字一样,它设置了任何小部件相对于它的父小部件的高度。
因此,如果relheight
为 0.5,则高度将为 0.5(高度),或父窗口小部件高度的 50%。
这同样适用于relwidth
,它的工作方式相同,但适用于宽度。
阅读更多关于.place()
这里。
另外,如果你想要你的代码:
master = Tk()
master.attributes('-zoomed', True)
c1 = Canvas(master, bg='grey')
c1.place(x = 0, rely = 0, relheight = 0.2, relwidth = 1)
c2 = Canvas(master, bg='blue')
c2.pack(x = 0, rely = 0.25, relheight = 0.3, relwidth = 1)
c3 = Canvas(master, bg='red')
c3.pack(x = 0, rely = 0.5, relheight = 0.5, relwidth = 1)
希望这可以帮助!
编辑:.place()
不适用于画布元素。为此,您需要取画布的长度和宽度,然后将两者除以二(如果您想要中间)。
例如:
height = 100
width = 100
c = Canvas(master, bg = "blue", height = height, width = width, highlighthickness = 0)
c.place(x = 0, rely = 0.5, relheight = 0.2, relwidth = 1)
text = c.create_text(height/2, width/2, text = "text")
这会将文本放置在text
画布的中心。
希望这可以帮助!
推荐阅读
- inputstream - Gensim 中的文本流
- php - 使用 while 循环在 5 列 Bootstrap Carousel 中显示无限数据
- c# - 内存泄漏 - 使用 MemoryStream 从尼康相机捕获实时视频
- html - GitHub 托管的网站链接的缩略图未显示在 WhatsApp 上
- ios - 如何在 UITableView 内的 UICollectionView 内获取数组数组并返回正确数量的项目?
- php - Laravel 同时动态连接不同的数据库
- java - 如何使用边框布局?
- excel - 使用图形 API 或其他 API 使用 VBA-Excel 从 O365 读取 O365 组成员
- angular - 受身份验证服务保护的多个布局路线无法正常工作
- scala - 最大化 cassandra 中 RDD 写入吞吐量的理想策略