阿英工作室

为tkinter的画布组件增加滚动条，用类的方式写代码

Wed, 24 Nov 2021 08:32:25 +0800

　以前我做了一个代码，就是为tkinter画布canvas做水平和垂直滚动条，代码可用于浏览大尺寸的图片，现在我把它改写一下，以类的方式来写。

　在代码中，要注意设定图片的滚动尺寸，因为我的图片尺寸是425X200，所以我设定的滚动条的滚动范围就正好是这个图片的尺寸。

　代码如下：冫亓垚

from tkinter import *
class App(Frame):
    def __init__(self,master=None):
        self.img1=PhotoImage(file='car.png') # 先在代码目录里准备好一个图片
        Frame.__init__(self,master)
        self.grid() 
        self.creat()
    def creat(self):
        self.scr1=Scrollbar(root)  # 垂直滚动条
        self.scr1.grid(row=0,column=1,sticky=NS)
        self.scr2=Scrollbar(orient=HORIZONTAL) # 水平滚动条
        self.scr2.grid(row=1,column=0,sticky=EW)

        self.can1=Canvas(self,width=200,height=150,bg='lightblue')
        self.can1.grid(row=0,column=0)
        self.can1.create_image(0,0,image=self.img1,anchor=NW)

        self.can1.config(xscrollcommand = self.scr2.set) # 画布与水平滚动条互相绑定
        self.scr2.config(command =self.can1.xview)

        self.can1.config(yscrollcommand = self.scr1.set) # 画布与垂直滚动条互相绑定
        self.scr1.config(command = self.can1.yview)

        self.can1.config(scrollregion=(0,0,425,200)) # 设定滚动的范围

root=Tk()
root.rowconfigure(0,weight=1) 
root.columnconfigure(0,weight=1) 
root.title('画布滚动条 aying7.com')
app=App(root)
app.mainloop()

运行图：

以上代码由 aying7.com 测试成功

tkinter用类的方式做一个简易的图片浏览器

Tue, 23 Nov 2021 21:01:37 +0800

　　简单的程序，我一般都不用类的方式来做。现在发现用类的方式来写代码，有点不习惯了。下面是一个图片浏览器的代码，是以类的方式来写的，学tkinter的新手可以跟我一起来学习一下。冫亓垚

　　以下是代码：

import tkinter as tk,os
class Application(tk.Frame):
    def __init__(self,master=None): 
        self.files=os.listdir('.\\image')
        self.index=0
        self.img=tk.PhotoImage(file='.\\image'+'\\'+self.files[self.index])
        tk.Frame.__init__(self,master)
        self.pack()
        self.createWidgets()
    def createWidgets(self):
        self.la1=tk.Label(self,width=350,height=250)
        self.la1['image']=self.img
        self.la1.pack()
        self.f=tk.Frame()
        self.f.pack()
        self.prev=tk.Button(self.f,text='上一张',command=self.prev)
        self.next=tk.Button(self.f,text='下一张',command=self.next)
        self.prev.pack(side=tk.LEFT)
        self.next.pack(side=tk.RIGHT)
    def prev(self):
        self.show(-1)
    def next(self):
        self.show(1)
    def show(self,n):
        self.index += n
        if self.index < 0 : self.index=len(self.files) -1
        if self.index> len(self.files) -1 : self.index=0
        self.img= tk.PhotoImage(file='.\\image' + '\\' + self.files[self.index])
        self.la1['image'] = self.img
root=tk.Tk()
root.title('简易图片浏览器')
app=Application(master=root)
app.mainloop() # 来自 aying7.com

运行图

以上代码由 aying7.com 测试成功

tkinter 判断复选框,多选按钮checkbutton组件的选中情况

Thu, 18 Nov 2021 14:56:10 +0800

判断多选按钮，即复选框的选中值，也要从判断多选按钮绑定的值来判断，绑定变量可以绑定一个布尔型变量，用变量的get()来获取变量值。

有多少个多选按钮，就创建多少个布尔变量，当用变量的get()方法获取的值为True，就表明这个复选框被选中。冫亓垚

以下是代码：

from tkinter import *

def selectjob(): # 判断函数
    str='选择：'  # 设选择文本的初值 
    if var1.get()==True:  # 获取变量1的值，为True即勾选中了，为0就是没有勾选
        str=str+' '+ch1['text']
    if var2.get()==True:  # 获取变量2的值，为True即勾选中了，为0就是没有勾选
        str=str+' '+ch2['text']
    if var3.get()==True:  # 获取变量2的值，为True即勾选中了，为0就是没有勾选
        str=str+' '+ch3['text']
    la1.config(text=str)

root=Tk() # 来自 aying7.com

la1=Label(root,text='暂没有选中项',bg='lightyellow')
la1.pack()

var1=DoubleVar() # 创建布尔型变量1
var2=DoubleVar() # 创建布尔型变量2
var3=DoubleVar() # 创建布尔型变量3

ch1=Checkbutton(root,text="田径",variable=var1,command=selectjob) 
ch1.pack()
ch2=Checkbutton(root,text="游泳",variable=var2,command=selectjob) 
ch2.pack()
ch3=Checkbutton(root,text="足球",variable=var3,command=selectjob) 
ch3.pack()

root.mainloop()

运行图

以上代码由 aying7.com 测试成功

tkinter获取，判断选中单选按钮的选项值

Thu, 18 Nov 2021 14:09:06 +0800

单选框按钮（radiobutton)要先绑定一个变量，然后用变量的get()来获取你选中的单选框按钮选项。冫亓垚

你绑定的变量，类型可以是整型或字符型，下面分别以这2种情况来判断选中单选按钮的选项值

第1种情况，绑定的变量是整型，代码如下：

from tkinter import *
root=Tk()

def select():
    if var.get()==0: # 变量的值与单选按钮的value值对比来判断
        la1.config(text=ra1['text']+'被选中')
    elif var.get()==1:
        la1.config(text=ra2['text']+'被选中')
    else:
        la1.config(text=ra3['text']+'被选中')
    
var=IntVar() # 创建变量var，并预先选中value为2的单选按钮
var.set(1)

la1=Label(root,text='初始化',bg='lightgreen')
la1.pack(fill=X)

ra1=Radiobutton(root,text='西瓜',variable=var,value=0,command=select)
ra1.pack()
ra2=Radiobutton(root,text='苹果',variable=var,value=1,command=select)
ra2.pack()
ra3=Radiobutton(root,text='葡萄',variable=var,value=2,command=select)
ra3.pack()

root.mainloop()

运行图

第2种情况，绑定的变量是字符串型，为了编程方便，单选框按钮的text和value的取值都是取一样的值，都取单行框按钮的显示文本。

代码如下：

from tkinter import *
root=Tk()

def select():
    la1.config(text=var.get()+'被选中')

var=StringVar() # 创建变量var，并预先选中value为苹果的单选按钮
var.set('苹果')

la1=Label(root,text='初始化',bg='lightblue')
la1.pack(fill=X)

ra1=Radiobutton(root,text='西瓜',variable=var,value='西瓜',command=select)
ra1.pack()
ra2=Radiobutton(root,text='苹果',variable=var,value='苹果',command=select)
ra2.pack()
ra3=Radiobutton(root,text='葡萄',variable=var,value='葡萄',command=select)
ra3.pack()

root.mainloop()

运行图

以上代码由 aying7.com 测试成功

tkinter 无标题栏窗体，鼠标可移动，还可调节大小

Thu, 18 Nov 2021 09:26:29 +0800

把一个窗体变成没有标题栏的窗体比较简单，只要一行代码：

root.overrideredirect(True)  # 无标题栏窗体

移动窗体需要绑定事件，绑定２个事件：鼠标点击MouseDown事件，按住拖动MouseMove事件，分别得到相应的坐标位置，把根据计算出的坐标位置，把窗体移动相应的新位置。

调节窗体大小，由于边框也没有了，不可能通过边框来调节窗体尺寸，只要新建一个组件，比如标签来根据绑定的鼠标拖动size事件来得到相应坐标，再根据计算出来的坐标，把窗体的尺寸调节到相应的大小。

以下是全部代码。冫亓垚

from tkinter import *
 
def MouseDown(event): # 不要忘记写参数event
    global mousX  # 全局变量，鼠标在窗体内的x坐标
    global mousY  # 全局变量，鼠标在窗体内的y坐标
 
    mousX=event.x  # 获取鼠标相对于窗体左上角的X坐标
    mousY=event.y  # 获取鼠标相对于窗左上角体的Y坐标
    
def MouseMove(event):
    w1=la1.winfo_x() # w1为标签1的左边距
    h1=la1.winfo_y() # h1为标签1的上边距
    root.geometry(f'+{event.x_root - mousX-w1}+{event.y_root - mousY-h1}') # 窗体移动代码

def exit(event):
    root.destroy() # 退出程序
 
root=Tk() # 源码来自aying7.com
root.geometry('280x140+780+400')
root.overrideredirect(True)  # 无标题栏窗体

la1=Label(root,text='按着拖动，移动窗体\n鼠标双击退出程序',height=3,bg='lightgreen',cursor='fleur')
la1.pack(padx=15,pady=30)
 
la1.bind("<Button-1>",MouseDown)  # 按下鼠标左键绑定MouseDown函数
la1.bind("<B1-Motion>",MouseMove)  # 鼠标左键按住拖曳事件
la1.bind("<Double-Button-1>",exit)  # 双击鼠标左键，退出程序

def size(event):
    x1 = root.winfo_pointerx()
    y1 = root.winfo_pointery()
    x0 = root.winfo_rootx()
    y0 = root.winfo_rooty()
    root.geometry("%sx%s" % ((x1-x0),(y1-y0)))
    return

la2=Label(root,text='按住拖动调节窗体大小',bg='lightblue') # 标签2用来调节窗体尺寸
la2.pack(side=BOTTOM,anchor=E)
la2.bind("<B1-Motion>", size)

root.mainloop()

运行图

以上代码由 aying7.com 测试成功

tkinter.ttk模块下的OptionMenu组件，第一选项永远消失的解决办法

Tue, 02 Nov 2021 08:26:54 +0800

有朋友发现，在tkinter模块下，创建的OptionMenu组件一切成功，但改为ttk模块下，当点击其它选项后，第一个选项就消失了，再也不会出现了。

在ttk模块下的代码是:

from tkinter import *

root=Tk()
var=StringVar()
tuple_op=('第1单车','第2汽车','第3火车')
op1=OptionMenu(root,var,*tuple_op)
op1.pack()

root.mainloop()

运行一切正常！冫亓垚

再导入ttk模块, 启动时还正常，但点击除第1项的选项后，第1选项就消失了。代码如下

from tkinter import *
from tkinter.ttk import *

root=Tk()
var=StringVar()
tuple_op=('第1单车','第2汽车','第3火车')
op1=OptionMenu(root,var,*tuple_op)
op1.pack()

root.mainloop()

分析出问题的原因：

在ttk模块下，创建OptionMenu组件语法已经变了,但有不少朋友并没有发现，ttk下的语法是：

OptionMenu(父组件,绑定的变量，启动时默认的选项，选项列表)

其中第3个参数：“启动时默认的选项”就是新增的参数。在tkinter模块的，不用写这个参数，默认是第1项作为启动时默认选择项。

所以，上面的代码改成下面的代码，就不会出问题了。（就是改一下创建组件代码就行了）

from tkinter import *
from tkinter.ttk import *

root=Tk()
root.title('aying7.com')

var=StringVar()
tuple_op=('第1单车','第2汽车','第3火车')
op1 = OptionMenu(root,var,tuple_op[0],*tuple_op)
op1.pack()

root.mainloop()

运行图：

经 aying7.com 测试成功。

tkinter自定义颜色的进度条Progressbar

Fri, 29 Oct 2021 00:02:18 +0800

有朋友需要自定义颜色的进度条Progressbar,但在默认情况下,是不可能做出来的,必须要通过Style样式来设置，因为进度条是ttk模块下的组件，所以要通过设置主题来改变进度条的颜色。

以下是代码: 冫亓垚

from tkinter import *
from tkinter.ttk import *

root=Tk()
root.title('aying7.com')

style = Style()
style.theme_use('clam') 
# 各主题自行测试,'winnative','clam','alt','default','classic'测试成功. 
# windes主题：('winnative','clam','alt','default','classic','vista','xpnative')

style.configure("1.Horizontal.TProgressbar", troughcolor ='blue', background='green') 
style.configure("2.Horizontal.TProgressbar", troughcolor ='red', background='yellow')
style.configure("3.Horizontal.TProgressbar", troughcolor ='black', background='red')
style.configure("4.Horizontal.TProgressbar", troughcolor ='white', background='lightblue')

P1 = Progressbar(root,style="1.Horizontal.TProgressbar",length=180)
P1.pack(padx=10,pady=5)
P1.start()

P2 = Progressbar(root,style="2.Horizontal.TProgressbar",length=180)
P2.pack(padx=10,pady=5)
P2.start()

P3 = Progressbar(root,style="3.Horizontal.TProgressbar",length=180)
P3.pack(padx=10,pady=5)
P3.start()

P4 = Progressbar(root,style="4.Horizontal.TProgressbar",length=180)
P4.pack(padx=10,pady=5)
P4.start()

root.mainloop() # 来自 aying7.com

运行图

经过 aying7.com 测试，有些主题支持进度度颜色自定义，有些不支持。