【Tkinter界面:练习-01】窗口-部件-布局

一、说明

        python在用户界面开发中,其中有QT5,和Tkinter;对于实际项目,界面需要高大上,因此用QT5,对于开发人员的演示程序,或简单程序中,不建议QT5;用Tkinter已经足够。本文做一个Tkinter练习,将最基本的功能实现起来,就是花费少的时间,实现更多的效益。

二、最基本窗口实现

2.1 导入程序包

 包导入

from tkinter import *
from tkinter import ttk

2.2 主要窗口、隐窗口 

        作为Tkinter的窗口,由两个方面组成:主窗root、Frame窗口;其中Frame可以嵌套使用。

        程序中显式Frame窗口,主窗口;小部件三者的关系是:

  • 程序中必须有一个总窗口实体(ROOT)
  • 程序中建议有一个帧窗口:Frame
  • 窗口Frame是不可视的模范。
  • Frame可以嵌套反复使用。
  • 小部件可以安装在Root上,但限定死了,不建议。

2.3 实验1:查看主窗ROOT和Frame

from tkinter import *

root = Tk()  # create root window
root.title("Frame Example")
root.config(bg="skyblue")

# Create Frame widget
left_frame = Frame(root, width=200, height=400)
left_frame.grid(row=0, column=0, padx=10, pady=5)
root.mainloop()

结果如下:

        可以看到:

left_frame = Frame(root, width=200, height=400)

-------此语句生成一个长条Frame,就是窗口中央白色区域。

left_frame.grid(row=0, column=0, padx=10, pady=5)

-------此语句将Frame设置到窗口的位置,(10,5)到(210,405)的区域内。

2.3 显式生成root和Frame

一般ROOT窗和Frame先后生成

root = Tk()
frm = ttk.Frame(root, padding=10)
frm.grid()
root.geometry("300x300")
root.config(bg="skyblue")
root.mainloop()

        其中,root.geometry("300x300")是指ROOT尺寸,与Frame无关。Frame没有设定尺寸,因而不可见。

2.4 隐含root生成窗口

以下程序默认方式生成ROOT,用Frame.master代表ROOT。

frm = ttk.Frame(None)
frm.master.title('Sample application')
frm.master.geometry("300x300")
frm.mainloop()

2.5 加点小控件

​
from tkinter import *
from tkinter import ttk
root = Tk()
frm = ttk.Frame(root, padding=10)
frm.grid()
root.geometry("300x300")
ttk.Label(frm, text="Hello World!").grid(column=0, row=0)
ttk.Button(frm, text="Quit", command=root.destroy).grid(column=1, row=0)
root.mainloop()

2.6 封装的窗口

#!/usr/bin/env python      1
import Tkinter as tk       2
 
class Application(tk.Frame):              3
    def __init__(self, master=None):
        tk.Frame.__init__(self, master)   4
        self.grid()                       5
        self.createWidgets()
 
    def createWidgets(self):
        self.quitButton = tk.Button(self, text='Quit',
            command=self.quit)            6
        self.quitButton.grid()            7
 
app = Application()                       8
app.master.title('Sample application')    9
app.master.geometry("300x300") 10
app.mainloop()

三、关于小控件

3.1 实现一个完整窗口

        首先设计一个窗口,将Frame和widget的布局设计好,如下图:

3.2 实现窗口

语句 含义
master = Tk() # 生成Tkinter主窗口
l1 = Label(master, text="Height")
l2 = Label(master, text="Width")
生成文字标签对象,根是主窗
l1.grid(row=0, column=0, sticky=W, pady=2)
l2.grid(row=1, column=0, sticky=W, pady=2)

# grid 方法分别排列标签

# 指定的行和列,

# sticky是控件在cell的摆放见下面。

e1 = Entry(master)
e2 = Entry(master)

# 条目小部件,用于从用户那里获取条目
e1.grid(row=0, column=1, pady=2)
e2.grid(row=1, column=1, pady=2)
# 这将排列条目小部件
e1 = Entry(master)
e2 = Entry(master)
# 条目小部件,用于从用户那里获取条目

img = PhotoImage(file= "prize.png")
img1 = img.subsample(2, 2)

# 添加图像(记住图像应该是 PNG 而不是 JPG)
Label(master, image=img1).grid(row=0, column=2,
                               columnspan=2, rowspan=2, padx=5, pady=5)
# 创建标签,并贴上图片

3.3 关于sticky

        在cell中如何摆放小控件?sticky=tk.??,其中??就是如下图所指定

  • 如果您不提供粘性属性,则默认行为是将小部件在单元格中居中。
  • 您可以使用 Sticky=tk.NE(右上角)、tk.SE(右下角)、tk.SW(左下角)或 tk.NW(左上角)将小部件放置在单元格的一角。
  • 您可以使用 Sticky=tk.N(顶部中心)、tk.E(右侧中心)、tk.S(底部中心)或 tk.W(左侧中心)将小部件定位在单元格一侧的中心。
  • 使用 Sticky=tk.N+tk.S 垂直拉伸小部件,但使其水平居中。
  • 使用 Sticky=tk.E+tk.W 水平拉伸它,但使其垂直居中。
  • 使用 Sticky=tk.N+tk.E+tk.S+tk.W 水平和垂直拉伸小部件以填充单元格。
  • 其他组合也将起作用。例如,sticky=tk.N+tk.S+tk.W 将垂直拉伸小部件并将其放置在西(左)墙上。

3.4 全部代码如下

from tkinter import *
from tkinter.ttk import *

# creating main tkinter window/toplevel
master = Tk()

# this will create a label widget
l1 = Label(master, text="Height")
l2 = Label(master, text="Width")

# grid method to arrange labels in respective
# rows and columns as specified
l1.grid(row=0, column=0, sticky=W, pady=2)
l2.grid(row=1, column=0, sticky=W, pady=2)

# entry widgets, used to take entry from user
e1 = Entry(master)
e2 = Entry(master)

# this will arrange entry widgets
e1.grid(row=0, column=1, pady=2)
e2.grid(row=1, column=1, pady=2)

# checkbutton widget
c1 = Checkbutton(master, text="Preserve")
c1.grid(row=2, column=0, sticky=W, columnspan=2)

# adding image (remember image should be PNG and not JPG)
img = PhotoImage(file= "prize.png")
img1 = img.subsample(2, 2)

# setting image with the help of label
Label(master, image=img1).grid(row=0, column=2,
                               columnspan=2, rowspan=2, padx=5, pady=5)

# button widget
b1 = Button(master, text="Zoom in")
b2 = Button(master, text="Zoom out")

# arranging button widgets
b1.grid(row=2, column=2, sticky=E)
b2.grid(row=2, column=3, sticky=E)

# infinite loop which can be terminated
# by keyboard or mouse interrupt
mainloop()

结果图: 

猜你喜欢

转载自blog.csdn.net/gongdiwudu/article/details/132609222