可视化界面Tkinter编写你的小程序

最新推荐文章于 2024-05-20 15:07:59 发布

南风知我意。。

最新推荐文章于 2024-05-20 15:07:59 发布

阅读量2.8k

点赞数 5

分类专栏：可视化界面文章标签：小程序 python 开发语言

本文链接：https://blog.csdn.net/xiaomao1993/article/details/126770666

版权

可视化界面专栏收录该内容

2 篇文章 1 订阅

订阅专栏

可视化界面Tkinter编写小程序

引言
一、制作第一个基于tkinter的小应用
- 1.1 给自己的应用加个小图标
二、tkinter的常用组件介绍
三、参考文档

引言

本文将会介绍 Tkinter 模块的使用。Tkinter 模块是 Python 的标准 Tk GUI 工具包的接口。其中Tkinter 是唯一一个 Python 内置的标准库，虽然它做出来的 GUI 看上去比较不美观，但鉴于它可在多平台运行（Windows、Linux、macOS），因此我们可以用它来开发一些简单的小程序；而且tk中使用的组件使用的是系统自带的组件，所以看起来比较自然。

一、制作第一个基于tkinter的小应用

Tkinter GUI 的最根本的元素是窗口。窗口会包含所有其他的 GUI 的元素，如：Text、label、button等，这些都被称作 widgets（小组件）。作为第一个例子，我们首先创建一个窗口（设置窗口的属性）。代码如下：

import tkinter as tk

def get_window():
    window = tk.Tk()                    #实例化一个窗口
    window.title("我的第一个tk应用！")   #修改窗口的标题
    window.geometry("260x100")          #设置窗口的宽260x高100，注意是x
    tk.mainloop()                       #监听事件的发生，如点击、按键、按钮等。必选项
if __name__ == '__main__':				#下面调用的函数在其他文件不会运行，仅在本文件执行
    get_window()

在这里插入图片描述

1.1 给自己的应用加个小图标

这里tkinter库添加图标有三种方式，①利用PhotoImage和iconphoto方法，②使用iconbitmap方法，③使用tk.call和PhotoImage方法。注意：PhotoImage仅支持GIF、PNG和PGM/PPM文件格式。iconbitmap仅支持ico格式。具体代码如下：

import tkinter as tk

class FirstApplication(object):						 #定义一个继承object基类的FirstApplication类
    def __init__(self):                              #初始化魔法方法，运行时优先执行
        self.window = tk.Tk()                             #实例化一个窗口
        self.window.title("我的第一个tk应用！")           #修改窗口的标题
        self.window.geometry("260x100")                   #设置窗口高和宽

    def set_icon1(self):                                  #The first way
        ima = tk.PhotoImage(file="pic.png")
        self.window.iconphoto(False,ima)         #若第一个参数为True,则该图像在所有的顶层都可见

    def set_icon2(self):                                   #The second way
        self.window.iconbitmap("sheep.ico")                #图片格式只能为ico

    def set_icon3(self):                                  #The third way
        self.window.tk.call('wm', 'iconphoto', self.window._w, tk.PhotoImage(file='pic.png'))

    def play(self):
        # self.set_icon2()
        # self.set_icon3()
        self.set_icon1()                             #Use different ways to set icon for window
        tk.mainloop()                                #监听事件的发生，如点击、按键、按钮等。必选项
if __name__ == '__main__':
    st = FirstApplication()                          #实例化
    st.play()                                        #调用play函数开始运行

在这里插入图片描述

二、tkinter的常用组件介绍

2.1 Label（标签）介绍

Label 可以用来显示文本和图片。通过 Label widget 显示的内容是无法被用户修改的，这个只是用来作为显示。
在默认情况下，Label widgets 会以系统默认的颜色来进行显示字体颜色和背景颜色，但是我们可以对标签进行编辑：修改(bg)背景颜色、(fg)文本颜色、标签大小–宽和高、标签的位置。

2.1.1 设置文本标签并设置属性

代码如下：

import tkinter as tk

class FirstApplication(object):
    def __init__(self):                              #初始化魔法方法，运行时优先执行
        self.window = tk.Tk()                             #实例化一个窗口
        self.window.title("我的第一个tk应用！")           #修改窗口的标题
        self.window.geometry("300x100")                   #设置窗口高和宽
        self.window.iconbitmap("sheep.ico")

    def get_label(self):
        label = tk.Label(master=self.window,text="hello world!",height=2,
                         width=12,bg="pink",fg="red",font="10px")  #这里设置一个标签，设置属性
        label.pack(side="left",padx=5,pady=5)   #这里side="left"指标签靠左，如right\top\bottom；还可使用tk.RIGHT\tk.LEFT\tk.BOTTOM\tk.TOP
        
    def play(self):
        self.get_label()
        tk.mainloop()                                #监听事件的发生，如点击、按键、按钮等。必选项
if __name__ == '__main__':
    st = FirstApplication()                          #实例化
    st.play()                                        #调用play函数开始运行

在这里插入图片描述
标签中常用部分参数解释：

master：这里指标签对象所在的父容器。如果为空或为window，则在第一层窗口中，若为frame框，则在frame框中。
text：指标签的文本信息
height: 指标签的高度
width：指标签的宽度
bg(background): 指标签背景颜色
fg(foreground)：前景颜色–改变的是字体颜色
borderwidth: 指边框宽度
font：指字体的大小，px可选
padx：指文本距离标签框的横向距离
pady：指文本距离标签框的纵向距离

2.1.2 设置图片标签

代码如下，自己替换对应函数的代码即可运行：

    def get_label(self):
        photo = tk.PhotoImage(file="pic.gif")   
        label2 = tk.Label(master=self.window,image =photo)   #设置标签图片
        label2.suiji = photo    #注意这里需要重新赋值，suiji可以为任意，汉字也可以，这算程序的bug吧，哈哈，设置完就可以看得到图片了
        label2.pack(side="left")

在这里插入图片描述

2.1.4 使用PIL库设置图片标签

注意，如果没有PIL，则需要安装对应的库：pip install Pillow，为什么使用PIL，因为PIL支持的图片格式更多，支持30多种。代码如下：

import tkinter as tk
from PIL import Image,ImageTk   #多导了一个PIL库

class FirstApplication(object):
    def __init__(self):                              #初始化魔法方法，运行时优先执行
        self.window = tk.Tk()                             #实例化一个窗口
        self.window.title("我的第一个tk应用！")           #修改窗口的标题
        self.window.geometry("300x100")                   #设置窗口高和宽

    def get_label(self):
        ima = Image.open(fp="pic.jpg")
        imag = ImageTk.PhotoImage(ima)
        lab = tk.Label(image=imag)
        lab.image = imag          #这里仍然需要重新赋值,经过测试，lab.X(X可以为任意变量)都能得到照片
        lab.pack()
        self.window.iconphoto(False,imag)   #而且这种方式也能给窗口设置图片，，，，
    def get_label1(self):    #第二种方式
        ima = Image.open(fp="pic.jpg")
        global imag   #设置imag为全局变量，即可显示图片
        imag = ImageTk.PhotoImage(ima)
        lab = tk.Label(image=imag)
        lab.pack()

    def play(self):
        self.get_label()
        #self.get_label1()
        tk.mainloop()                                #监听事件的发生，如点击、按键、按钮等。必选项
if __name__ == '__main__':
    st = FirstApplication()                          #实例化
    st.play()                                        #调用play函数开始运行

如下图所示，也可以给窗口设置图片。
在这里插入图片描述

2.1.4 一次性生成多个标签图片

代码如下，替换对应的代码即可：

    def get_label(self):
        img_list=["pic.jpg","pic.jpg","pic.jpg"]
        for i,j in enumerate(img_list):   #这里i=列表的下标，j=列表的图片
            ima = Image.open(fp=j).resize((100,100))   #这里可加resize重新调整图片大小，记得里面是一个元组。
            imag = ImageTk.PhotoImage(ima)
            lab = tk.Label(image=imag)
            lab.哈哈 = imag
            lab.grid(row=0,column=i)   #这里是标签位置的另外一种方法，具体是把窗口分成多个单元格，这里表示第一行，第I列。

在这里插入图片描述

2.1.5 设置位图标签

代码如下，直接替换对应的函数即可,想一次性生成很多个位图标签也可以按照上面的方法：

    def get_label(self):
        label3 = tk.Label(bitmap = "warning")   #bitmap可以为error、warning、info、hourglass、questhead、question、gray12、gray25、gray50、gray75等
        label3.pack()

在这里插入图片描述

2.1.6 补充：获取或重置标签的属性

有时候我们想要修改定义好的标签属性，我们应该怎么操作呢？下面这种方法也许可以解决你的问题。具体代码如下：

import tkinter as tk

win = tk.Tk()
lab1 = tk.Label(text = "hello")
lab1["padx"] = "30"
lab1["bg"] = "red"   #还可以直接通过重新赋值方式改变组件的属性：颜色、大小、内容
print(lab1["text"])
lab1.pack()
win.mainloop()

输出标签文本：hello

2.2 Button(按钮)介绍

Button 可以用来显示可点击的按钮。其中button里面的command命令参数可以绑定对应的函数（即点击Button可以触发一个事件）；其中button还可以直接使用button.bind()方法绑定函数和按键。其中button按钮的参数和label标签的参数基本一样。下面我简单介绍这两种使用方法。

2.2.1 使用Button的command触发事件

代码如下：

import tkinter as tk

class ButtonClass(object):

    def __init__(self):
        self.win = tk.Tk()
        self.win.geometry("300x100")
        self.win.title("按钮学习")

    def fun(self,*args):
        self.btn1["text"] = "已经被点击"
        self.btn1["fg"] = "red"
        pass
    def get_button(self):
    # 这里使用了command参数来绑定函数，点击按钮则触发fun函数
        self.btn1 = tk.Button(text="确认",bg = "blue",fg="white",command =self.fun)
        self.btn1.pack(ipady = 10,pady=10)

    def play(self):
        self.get_button()
        self.win.mainloop()
if __name__ == '__main__':
    btn = ButtonClass()
    btn.play()

2.2.2 使用bind方法绑定按键触发事件

可以绑定鼠标右键(Button-1)、滚轮(Button-2)、左键(Button-3)来触发事件。

    def get_button(self):
        self.btn1 = tk.Button(text="确认",bg = "blue",fg="white")
        self.btn1.pack(ipady = 10,pady=10)
        self.btn1.bind("<Button-1>",self.fun)

2.3 Entry(单行文本输入框)介绍

用户可以在文本框输入内容、删除内容或获取内容，同样的是，创建文本输入框跟创建按钮和标签的方法相似。一般文本输入框和标签一起搭配使用。

2.3.1 创建我的第一个输入框

输入内容mick。

import tkinter as tk

class App(object):
    
    def __init__(self):
        self.win = tk.Tk()
        self.win.geometry("300x100")
        self.win.title("单行文本输入框学习")

    def single_box(self):
        lab = tk.Label(text = "Name:",fg="black")
        lab.pack(side="left")
        ent = tk.Entry(width = 10,bg="white",fg="red")
        ent.pack(side="left")

    def play(self):
        self.single_box()
        self.win.mainloop()
if __name__ == '__main__':
    a = App()
    a.play()

在这里插入图片描述

2.3.2 内容写入、内容删除、内容获取

具体请看代码：

import tkinter as tk

class App(object):

    def __init__(self):
        self.win = tk.Tk()
        self.win.geometry("300x100")
        self.win.title("单行文本输入框学习")

    def get_name(self,*args):     #获取文本框输入端的内容
        self.ent.delete(0,tk.END)    #这里表示删除全部的内容,delete(first, last=None)
        self.ent.insert(0,"hello world")   #指定位置插入内容：insert(index, string)
        name = self.ent.get()              #取到文本：get(index1, index2=None)可以取范围
        print(name)

    def single_box(self):
        lab = tk.Label(text = "Name:",fg="black")
        lab.pack(side="left")
        self.ent = tk.Entry(width = 10,bg="white",fg="red")
        self.ent.pack(side="left")
        btn1 = tk.Button(text = "输出",bg="blue")
        btn1.bind("<Button-1>",self.get_name)    #这里绑定函数
        btn1.pack(side="left")


    def play(self):
        self.single_box()
        self.win.mainloop()
if __name__ == '__main__':
    a = App()
    a.play()

2.4 Text(多行文本)介绍

具体用法和单行文本一样，只有些许差异。

get(index1, index2=None) 用法get(1.0,2.0) 表示取第一行开头到第二行开头之前
delete(first, last=None) 同上，也可以删除指定范围
insert(index, string) 在某个位置插入字符串

简单的例子：

    def get_name(self,*args):     #获取文本框输入端的内容
        self.txt.delete(1.0,tk.END)    #这里表示删除全部的内容,delete(first, last=None)
        self.txt.insert(1.0,"hello world")   #指定位置插入内容：insert(index, string)
        name = self.txt.get(1.0,1.2)              #取到文本get(index1, index2=None)
        print(name)

    def mul_box(self):
        lab = tk.Label(text = "Name:",fg="black")
        lab.pack(side="left")
        self.txt = tk.Text(width = 10,height=5,bg="white",fg="red")
        self.txt.pack(side="left")
        btn1 = tk.Button(text = "输出",bg="blue")
        btn1.bind("<Button-1>",self.get_name)
        btn1.pack(side="left")

    def play(self):
        self.mul_box()
        self.win.mainloop()

2.5 Frame(内嵌框)介绍

Frame 组件是用来组织我们在一个应用中的组件布局，意思是我们可以用多个frame框来构建界面，就像HTML5里面的DIV布局，什么元素在哪个位置一目了然。

2.5.1 构建我的第一个内嵌框

调整 Frame 的外观的方法：设置relief 和borderwidth参数

tk.FLAT: 没有边框效果（默认值）
tk.SUNKEN: 创建下沉效果
tk.RAISED: 创建凸起效果
tk.GROOVE:创建带凹槽的边框效果
tk.RIDGE: 创建脊状效果

        def get_frm(self):
        frm = tk.Frame(master=self.win,bg="blue",width=100,height=100,relief=tk.SUNKEN,borderwidth=5)
        frm.pack()
        lab = tk.Label(master=frm,text = "我的第一个frame框",fg="black",bg="white")
        lab.pack(side="left")

在这里插入图片描述

2.6 LabelFrame(标签内嵌框)介绍

这个内嵌框可以在内嵌框的左上角显示一个文本，可以让别人理解这个frame框是用来干嘛的。有什么作用。

    def get_frm(self):
        frm = tk.LabelFrame(master=self.win,text="Hi jack!",bg="white",width=100,height=100,relief=tk.SUNKEN,borderwidth=5)
        frm.pack()
        lab = tk.Label(master=frm,text = "我的第一个frame框",fg="black",bg="white")
        lab.pack(side="left")

在这里插入图片描述

2.7 comboxlist(下拉框)介绍

现实生活中，我们往往需要搭配不同的选项来进行增删改查，这时不同的选项我们就可以放到下拉框里面。

2.7.1 制作我的第一个下拉框

     def select_box(self):
        comboxlist = ttk.Combobox(self.win,width=5)  # 实例化一个下拉框
        comboxlist["values"] = ("1", "2", "3", "4")   #设置下拉框的选项
        comboxlist.current(0)  # 选择第一个
        comboxlist.pack()

在这里插入图片描述

2.7.2 获取下拉框的值

    def get_value(self,*args):
        print(self.cmb.get())

    def select_box(self):
        cmb = ttk.Combobox(self.win,width=5)  # 实例化一个下拉框
        cmb["values"] = ("1", "2", "3", "4")   #设置下拉框的选项
        cmb.current(0)  # 选择第一个
        cmb.pack()
        self.cmb = cmb
        cmb.bind("<<ComboboxSelected>>",self.get_value)

2.8 Checkbutton(复选框)介绍

    def mul_check_box(self):
        c_show = tk.Checkbutton(master=self.win, text="😄", variable="",
                             onvalue="RGB", offvalue="L", fg="blue")
        c_show.pack(side="top")
        c_show = tk.Checkbutton(master=self.win, text="😪", variable="",
                                onvalue="RGB", offvalue="L", fg="blue")
        c_show.pack(side="top")

在这里插入图片描述

2.8.1 获取复选框的选中状态

    def get_words(self,*args):
        print(self.var.get())
        
    def mul_check_box(self):
        var=tk.IntVar()        #定义一个bool的变量，选中则为0，未选中则为1
        self.var =var
        c_show = tk.Checkbutton(master=self.win, text="hello", variable=var,
                             onvalue=1, offvalue=0, fg="blue")
        c_show.pack(side="top")
        c_show.bind("<Button-1>",self.get_words)

2.9 Radiobutton(单选框)介绍和获取选中状态

    def get_words(self,*args):
        try:
            print(self.var.get())   #这里做了异常捕获，防止取消选中时返回错误
        except:
            pass

    def single_check_box(self):
        self.var = tk.IntVar()
        r_show = tk.Radiobutton(master=self.win, text="One", variable=self.var)
        r_show.pack(anchor=tk.W)   #锚点
        r_show.bind("<Button-1>",self.get_words)

有关锚点的参数，请参照：python tkinter中的锚点(anchor)
在这里插入图片描述

2.10 Listbox 介绍

在窗口添加一个列表

        def fun1(self):
        lb_show = tk.Listbox( bg="white", height=4, width=20,fg="red")
        lb_show.pack(side="top")
        for item in ["Chinese", "Math", "English", "France"]:
            lb_show.insert(tk.END, item)

在这里插入图片描述

2.11 Scrollbar(滚动栏)介绍

    def fun1(self):
        s_show = tk.Scrollbar(master=self.win)
        s_show.pack(side=tk.RIGHT, fill=tk.Y)  #右边Y 轴填满
        lb_show1 = tk.Listbox(master=self.win, fg="red", height=5, width=20)
        lb_show1['yscrollcommand'] = s_show.set  #这里设置后滚动栏和列表绑定
        lb_show1.pack(side="right")
        for item in ["1", "2", "3", "4", "5", "6", "7"]:
            lb_show1.insert(tk.END, item)

在这里插入图片描述

2.11 Scale(比例)介绍

    def fun1(self):
        sc_show = tk.Scale(master=self.win, from_=0, to=100,borderwidth=2)
        sc_show.pack(side="right")

在这里插入图片描述

2.12 Spinbox介绍

参考文章：Tkinter 组件详解之Spinbox

    def fun1(self):
        sb_show = tk.Spinbox(master=self.win, from_=0, to=10)
        sb_show.pack(side="left"

三、参考文档

Python GUI 工具 tkinter 介绍
其他布局方法：place(),grid()方法参考这篇文章。写的很详细。

南风知我意。。

关注

5
点赞
踩
30

收藏

觉得还不错? 一键收藏
0
评论
可视化界面Tkinter编写你的小程序

可视化界面Tkinter组件快速编写你的小程序
复制链接

扫一扫

专栏目录

可视化界面Tkinter编写你的小程序

可视化界面Tkinter编写小程序

引言

一、制作第一个基于tkinter的小应用

1.1 给自己的应用加个小图标

二、tkinter的常用组件介绍

2.1 Label（标签）介绍

2.1.1 设置文本标签并设置属性

2.1.2 设置图片标签

2.1.4 使用PIL库设置图片标签

2.1.4 一次性生成多个标签图片

2.1.5 设置位图标签

2.1.6 补充：获取或重置标签的属性

2.2 Button(按钮)介绍

2.2.1 使用Button的command触发事件

2.2.2 使用bind方法绑定按键触发事件

2.3 Entry(单行文本输入框)介绍

2.3.1 创建我的第一个输入框

2.3.2 内容写入、内容删除、内容获取

2.4 Text(多行文本)介绍

2.5 Frame(内嵌框)介绍

2.5.1 构建我的第一个内嵌框

2.6 LabelFrame(标签内嵌框)介绍

2.7 comboxlist(下拉框)介绍

2.7.1 制作我的第一个下拉框

2.7.2 获取下拉框的值

2.8 Checkbutton(复选框)介绍

2.8.1 获取复选框的选中状态

2.9 Radiobutton(单选框)介绍和获取选中状态

2.10 Listbox 介绍

2.11 Scrollbar(滚动栏)介绍

2.11 Scale(比例)介绍

2.12 Spinbox介绍

三 、参考文档

“相关推荐”对你有帮助么？

三、参考文档