python---基础知识回顾图形用户界面

Posted 山上有风景

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了python---基础知识回顾图形用户界面相关的知识,希望对你有一定的参考价值。

前戏:老牌python GUI程序(Tkinter)

import tkinter.messagebox as messagebox

class Application(Frame):
    def __init__(self,master=None):
        Frame.__init__(self,master,bg="red") #设置框架类的父类(基于master<主窗体>),frame可以是看做控件的父容器
        self.pack() #显示frame控件
        self.createWidgets()

    def createWidgets(self):    #用于创建控件(是frame的子)
        self.nameInput = Entry(self)
        self.nameInput.pack()
        self.alertButton = Button(self,text="Hello",command=self.hello)
        self.alertButton.pack()

    def hello(self):
        name = self.nameInput.get()
        messagebox.showinfo("Message","Hello, %s"%name)


root = Tk()
root.title("标题")
root.wm_minsize(200,200)

app = Application(root)

app.mainloop()


 

前置:各个参数了解:

tkinter模块常用参数(python3) 
1、使用tkinter.Tk() 生成主窗口(root=tkinter.Tk()); 
root.title(‘标题名’)    修改框体的名字,也可在创建时使用className参数来命名; 
root.resizable(0,0)    框体大小可调性,分别表示x,y方向的可变性; 
root.geometry(‘250x150’)指定主框体大小; 
root.quit()      退出; 
root.update_idletasks() 
root.update()    刷新页面;

2、初级样例: 
import tkinter 
root=tkinter.Tk() #生成root主窗口 
label=tkinter.Label(root,text=’Hello,GUI’) #生成标签 
label.pack() #将标签添加到主窗口 
button1=tkinter.Button(root,text=’Button1’) #生成button1 
button1.pack(side=tkinter.LEFT) #将button1添加到root主窗口 
button2=tkinter.Button(root,text=’Button2’) 
button2.pack(side=tkinter.RIGHT) 
root.mainloop() #进入消息循环(必需组件)

3、tkinter中的15种核心组件: 
Button   按钮; 
Canvas   绘图形组件,可以在其中绘制图形; 
Checkbutton 复选框; 
Entry    文本框(单行); 
Text   文本框(多行); 
Frame   框架,将几个组件组成一组 
Label    标签,可以显示文字或图片; 
Listbox    列表框; 
Menu    菜单; 
Menubutton 它的功能完全可以使用Menu替代; 
Message 与Label组件类似,但是可以根据自身大小将文本换行; 
Radiobutton 单选框; 
Scale    滑块;允许通过滑块来设置一数字值 
Scrollbar 滚动条;配合使用canvas, entry, listbox, and text窗口部件的标准滚动条; 
Toplevel 用来创建子窗口窗口组件。 
(在Tkinter中窗口部件类没有分级;所有的窗口部件类在树中都是兄弟。)

4、组件的放置和排版(pack,grid,place) 
pack组件设置位置属性参数: 
after:     将组件置于其他组件之后; 
before:    将组件置于其他组件之前; 
anchor:    组件的对齐方式,顶对齐’n’,底对齐’s’,左’w’,右’e’ 
side:     组件在主窗口的位置,可以为’top’,’bottom’,’left’,’right’(使用时tkinter.TOP,tkinter.E); 
fill    填充方式 (Y,垂直,X,水平) 
expand 1可扩展,0不可扩展 
grid组件使用行列的方法放置组件的位置,参数有: 
column:   组件所在的列起始位置; 
columnspam: 组件的列宽; 
row:     组件所在的行起始位置; 
rowspam:   组件的行宽; 
place组件可以直接使用坐标来放置组件,参数有: 
anchor:  组件对齐方式; 
x:    组件左上角的x坐标; 
y:    组件右上角的y坐标; 
relx:  组件相对于窗口的x坐标,应为0-1之间的小数; 
rely: 组件相对于窗口的y坐标,应为0-1之间的小数; 
width: 组件的宽度; 
heitht:   组件的高度; 
relwidth: 组件相对于窗口的宽度,0-1; 
relheight:  组件相对于窗口的高度,0-15、使用tkinter.Button时控制按钮的参数: 
anchor: 指定按钮上文本的位置; 
background(bg): 指定按钮的背景色; 
bitmap: 指定按钮上显示的位图; 
borderwidth(bd):指定按钮边框的宽度; 
command: 指定按钮消息的回调函数; 
cursor: 指定鼠标移动到按钮上的指针样式; 
font: 指定按钮上文本的字体; 
foreground(fg):指定按钮的前景色; 
height: 指定按钮的高度; 
image: 指定按钮上显示的图片; 
state: 指定按钮的状态(disabled); 
text: 指定按钮上显示的文本; 
width: 指定按钮的宽度 
padx 设置文本与按钮边框x的距离,还有pady; 
activeforeground按下时前景色 
textvariable 可变文本,与StringVar等配合着用

6、文本框tkinter.Entry,tkinter.Text控制参数: 
background(bg) 文本框背景色; 
foreground(fg) 前景色; 
selectbackground选定文本背景色; 
selectforeground选定文本前景色; 
borderwidth(bd) 文本框边框宽度; 
font   字体; 
show    文本框显示的字符,若为*,表示文本框为密码框; 
state    状态; 
width     文本框宽度 
textvariable   可变文本,与StringVar等配合着用

7、标签tkinter.Label组件控制参数: 
Anchor     标签中文本的位置; 
background(bg)  背景色; 
foreground(fg)   前景色; 
borderwidth(bd)  边框宽度; 
width      标签宽度; 
height     标签高度; 
bitmap     标签中的位图; 
font     字体; 
image     标签中的图片; 
justify     多行文本的对齐方式; 
text        标签中的文本,可以使用’\\n’表示换行 
textvariable    显示文本自动更新,与StringVar等配合着用

8、单选框和复选框Radiobutton,Checkbutton控制参数: 
anchor   文本位置; 
background(bg) 背景色; 
foreground(fg) 前景色; 
borderwidth 边框宽度; 
width    组件的宽度; 
height    组件高度; 
bitmap    组件中的位图; 
image    组件中的图片; 
font    字体; 
justify    组件中多行文本的对齐方式; 
text    指定组件的文本; 
value    指定组件被选中中关联变量的值; 
variable   指定组件所关联的变量; 
indicatoron 特殊控制参数,当为0时,组件会被绘制成按钮形式; 
textvariable 可变文本显示,与StringVar等配合着用

9、组图组件Canvas控制参数: 
background(bg) 背景色; 
foreground(fg) 前景色; 
borderwidth    组件边框宽度; 
width      组件宽度; 
height    高度; 
bitmap    位图; 
image      图片; 
绘图的方法主要以下几种: 
create_arc 圆弧; 
create_bitmap 绘制位图,支持XBM; 
create_image 绘制图片,支持GIF(x,y,image,anchor); 
create_line 绘制支线; 
create_oval; 绘制椭圆; 
create_polygon 绘制多边形(坐标依次罗列,不用加括号,还有参数,fill,outline); 
create_rectangle 绘制矩形((a,b,c,d),值为左上角和右下角的坐标); 
create_text 绘制文字(字体参数font,); 
create_window 绘制窗口; 
delete   删除绘制的图形; 
itemconfig 修改图形属性,第一个参数为图形的ID,后边为想修改的参数; 
move    移动图像(140),1为图像对象,4为横移4像素,0为纵移像素,然后用root.update()刷新即可看到图像的移动,为了使多次移动变得可视,最好加上time.sleep()函数; 
只要用create_方法画了一个图形,就会自动返回一个ID,创建一个图形时将它赋值给一个变量,需要ID时就可以使用这个变量名。 
coords(ID) 返回对象的位置的两个坐标(4个数字元组);

对于按钮组件、菜单组件等可以在创建组件时通过command参数指定其事件处理函数。方法为bind;或者用bind_class方法进行类绑定,bind_all方法将所有组件事件绑定到事件响应函数上。

10、菜单Menu 
参数: 
tearoff   分窗,0为在原窗,1为点击分为两个窗口 
bg,fg    背景,前景 
borderwidth 边框宽度 
font   字体 
activebackgound 点击时背景,同样有activeforeground,activeborderwidth,disabledforeground 
cursor 
postcommand 
selectcolor  选中时背景 
takefocus 
title 
type 
relief

方法: 
menu.add_cascade 添加子选项 
menu.add_command 添加命令(label参数为显示内容) 
menu.add_separator 添加分隔线 
menu.add_checkbutton添加确认按钮 
delete    删除

11、事件关联 
bind(sequence,func,add)—— 
bind_class(className,sequence,func,add) 
bind_all(sequence,func,add) 
事件参数: 
sequence 所绑定的事件; 
func 所绑定的事件处理函数; 
add 可选参数,为空字符或‘+’; 
className 所绑定的类;

鼠标键盘事件 
  鼠标左键按下,2表示中键,3表示右键; 
 同上; 
 鼠标左键释放; 
   按住鼠标左键移动; 
双击左键; 
   鼠标指针进入某一组件区域; 
   鼠标指针离开某一组件区域; 
  滚动滚轮; 
   按下A键,A可用其他键替代; 
  同时按下alt和A;alt可用ctrl和shift替代; 
快速按两下A; 
 大写状态下按A;

窗口事件 
Activate 当组件由不可用转为可用时触发; 
Configure 当组件大小改变时触发; 
Deactivate 当组件由可用转变为不可用时触发; 
Destroy 当组件被销毁时触发; 
Expose 当组件从被遮挡状态中暴露出来时触发; 
Unmap 当组件由显示状态变为隐藏状态时触发; 
Map 当组件由隐藏状态变为显示状态时触发; 
FocusIn 当组件获得焦点时触发; 
FocusOut 当组件失去焦点时触发; 
Property 当窗体的属性被删除或改变时触发; 
Visibility 当组件变为可视状态时触发;

响应事件 
event对象(def function(event)): 
char 按键字符,仅对键盘事件有效; 
keycode 按键名,仅对键盘事件有效; 
keysym 按键编码,仅对键盘事件有效; 
num 鼠标按键,仅对鼠标事件有效; 
type 所触发的事件类型; 
widget 引起事件的组件; 
width,heigh组件改变后的大小,仅Configure有效; 
x,y   鼠标当前位置,相对于窗口; 
x_root,y_root 鼠标当前位置,相对于整个屏幕

12、弹窗 
messagebox._show函数的控制参数: 
default 指定消息框按钮; 
icon 指定消息框图标; 
message 指定消息框所显示的消息; 
parent 指定消息框的父组件; 
title 标题; 
type 类型;

simpledialog模块参数: 
title    指定对话框的标题; 
prompt   显示的文字; 
initialvalue 指定输入框的初始值;

  filedialog   模块参数: 
filetype    指定文件类型; 
initialdir    指定默认目录; 
initialfile    指定默认文件; 
title     指定对话框标题

colorchooser模块参数: 
initialcolor    指定初始化颜色; 
title    指定对话框标题;

13、字体(font) 
一般格式: 
(’Times -10 bold’) 
(‘Times’,10,’bold’,’italic’) 依次表示字体、字号、加粗、倾斜

补充: 
config 重新配置 
label.config(font=’Arial -%d bold’ % scale.get()) 
依次为字体,大小(大小可为字号大小),加粗 
tkinter.StringVar 能自动刷新的字符串变量,可用set和get方法进行传值和取值,类似的还有IntVar,DoubleVar…
常用参数

常用参数大总结


 

label:


 

def callback():
    var.set("hhhhhhh")

root = Tk()

var = StringVar()
var.set("66666")


frame1 = Frame(root)
frame2 = Frame(root)


lb = Label(frame1,textvariable=var,padx=20)
lb.pack(side=LEFT)

# img = Image(file="1.gif",imgtype="photo")
img = PhotoImage(file="1.gif")
lb2 = Label(frame1,image=img)
lb2.pack(side=RIGHT)

btnCm = Button(frame2,text="下一步",command=callback)
btnCm.pack()

frame1.pack()
frame2.pack()

root.mainloop()
label标签的使用(使用图片)

Checkbutton:


 

from tkinter import *

root =Tk()

v = IntVar()    #选中为1,未选中为0

c = Checkbutton(root,text="Test",variable=v)
c.pack()

l = Label(root,textvariable=v)
l.pack()

root.mainloop()
Checkbutton使用(1)
from tkinter import *

root =Tk()

GIRLS = ["asd",\'dsa\',\'fef\',\'fwaf\']

v = []

def change():
    for i in v:
        print(i.get())

for girl in GIRLS:
    v.append(IntVar())
    b = Checkbutton(root,text=girl,variable=v[-1],command=change)  #使用一个固有变量来记录状态
    b.pack(anchor=W)    #控件相对主窗口在左边


root.mainloop()
Checkbutton的使用(2)

Radiobutton:


#对于单选框,多个按钮只对应一个变量,复选框,多个按钮对应多个值
from tkinter import *

def change():
    print(v.get())

root = Tk()

v = IntVar()

Radiobutton(root,text="one",variable=v,value=1,command=change).pack(anchor=W)
Radiobutton(root,text="two",variable=v,value=2,command=change).pack(anchor=W)
Radiobutton(root,text="three",variable=v,value=3,command=change).pack(anchor=W)

root.mainloop()
Radiobutton的使用(1)
from tkinter import *

def change():
    print(v.get())


root = Tk()
v = IntVar()

Langes = [
    ("python",1),
    ("javascript",2),
    ("Lua",3),
    ("Ruby",4)
]

group = LabelFrame(root,text="选择喜欢的语言",padx=5,pady=5)
group.pack(padx=10,pady=10)
for key,val in Langes:
    Radiobutton(group,text=key,variable=v,value=val,command=change).pack(anchor=W)

root.mainloop()
Radiobutton的使用(2)
#对于单选框,多个按钮只对应一个变量,对于复选框,多个按钮对应多个值(使用列表获取)
注意:
root = Tk()
v = IntVar()
这里我们声明的变量全部应该写在主窗口生成后,才可以

不然当我们将变量写在主窗口生成前
v = IntVar()
root = Tk()
会报错
AttributeError: \'NoneType\' object has no attribute \'_root\'
1.首先进入IntVar类
class IntVar(Variable):
    def __init__(self, master=None, value=None, name=None):
        Variable.__init__(self, master, value, name)
2.进入父类
class Variable:
    def __init__(self, master=None, value=None, name=None):
        ...
        if not master:    #看此处(master是主窗口,是传参,但是我们使用的时候并没有传入,所以为空,进入下面代码)
            master = _default_root    #_default_root是什么
        self._root = master._root()
        self._tk = master.tk
        ...
3._default_root查找
_support_default_root = 1    #也有用,后面看
_default_root = None #是一个全局变量,代表主窗口
但是他也为空,所以出现了上面的属性错误,None没有_root()方法
------------------------------------------------------------------

开始查看Tk()
root = Tk()
1.查看源码
class Tk(Misc, Wm):
    def __init__(self, screenName=None, baseName=None, className=\'Tk\',
                 useTk=1, sync=0, use=None):
        ...
        if useTk:    #这里默认传入1,进入下面逻辑
            self._loadtk()
       ...
2.查看self._loadtk()方法

    def _loadtk(self):
        self._tkloaded = 1
        global _default_root
        # Version sanity checks
        ......
        # Create and register the tkerror and exit commands
        # We need to inline parts of _register here, _ register
        # would register differently-named commands.
        ......
        if _support_default_root and not _default_root:    #查看上面的全局变量,发现可以进入下面的逻辑代码中
            _default_root = self    #所以_default_root就是主窗口
        ......
------------------------------------------------------------------

结论:由上面发现可以知道:
IntVar等变量的使用需要_default_root(当我们没有传入master时),而主窗口生成root=Tk()时,内部代码将_default_root实现了。所以两者顺序需要保证先后
原因:源码分析

Entry:


 

from tkinter import *


root = Tk()

input = Entry(root)
input.pack(padx=20,pady=20)

input.delete(0, END)    #先清空按照索引
input.insert(0,"请输入内容...")

root.mainloop()
Entry的使用(1)
from tkinter import *

root = Tk()

Lb1 = Label(root,text="作品:").grid(row=0,column=0)
Lb1 = Label(root,text="作者:").grid(row=1,column=0)

Ip1 = Entry(root)
Ip1.grid(row=0,column=1,padx=10,pady=5)
Ip2 = Entry(root)
Ip2.grid(row=1,column=1,padx=10,pady=5)

def show():
    print("作品:《%s》"%Ip1.get())
    print("作者:%s"%Ip2.get())

Button(root,text="获取数据",command=show).grid(row=3,column=0,sticky=W,padx=10,pady=5)
Button(root,text="退出",command=root.quit).grid(row=3,column=1,sticky=E,padx=10,pady=5)

root.mainloop()
Entry的使用(2)
from tkinter import *

root = Tk()

Lb1 = Label(root,text="账号:").grid(row=0,column=0)
Lb1 = Label(root,text="密码:").grid(row=1,column=0)

v1 = StringVar()
v2 = StringVar()

Ip1 = Entry(root)
Ip1.grid(row=0,column=1,padx=10,pady=5)
Ip2 = Entry(root,show="*")
Ip2.grid(row=1,column=1,padx=10,pady=5)

def show():
    print("账号:%s"%Ip1.get())
    print("密码:%s"%Ip2.get())

Button(root,text="获取数据",command=show).grid(row=3,column=0,sticky=W,padx=10,pady=5)
Button(root,text="退出",command=root.quit).grid(row=3,column=1,sticky=E,padx=10,pady=5)

root.mainloop()
Entry的使用(密码设置)
from tkinter import *

root = Tk()

Lb1 = Label(root,text="账号:").grid(row=0,column=0)
Lb1 = Label(root,text="密码:").grid(row=1,column=0)


def test():
    if Ip1.get() == "root":
        print("正确")
        return True
    else:
        print("错误")
        Ip1.delete(0,END)
        return False

Ip1 = Entry(root,validate="focusout",validatecommand=test)
Ip1.grid(row=0,column=1,padx=10,pady=5)
Ip2 = Entry(root,show="*")
Ip2.grid(row=1,column=1,padx=10,pady=5)


root.mainloop()
Entry的使用(事件处理<焦点>和数据验证validatecommand)
#注意:只有当validatecommand验证失败,才会去触发invalidcommand事件.是为了避免函数过长,而且是代码简便
from tkinter import *

root = Tk()

Lb1 = Label(root,text="账号:").grid(row=0,column=0)
Lb1 = Label(root,text="密码:").grid(row=1,column=0)


def test():
    if Ip1.get() == "root":
        print("正确")
        return True
    else:
        print("错误")
        Ip1.delete(0,END)
        return False

def test2():
    print("数据验证失败,我被调用...")

Ip1 = Entry(root,validate="focusout",validatecommand=test,invalidcommand=test2)
Ip1.grid(row=0,column=1,padx=10,pady=5)
Ip2 = Entry(root,show="*")
Ip2.grid(row=1,column=1,padx=10,pady=5)


root.mainloop()
Entry的使用(invalidcommand)
对于Entry中的get方法获取数据和textvariable参数中的StringVar类型数据的使用区别:
---------------------------------------------------------------------
v1 = StringVar()

Ip1 = Entry(root,textvariable=v1,validate="focusout",validatecommand=test,invalidcommand=test2)

Ip1.get()
v1.get()
---------------------------------------------------------------------
控件的get方法能够获取任何时候的输入框中的数据。
而textvariable中的值,当存在validate验证时,只有当验证通过后才会被赋值给变量textvariable。

补充:输入框的事件:

focus:     获得或失去时都调用
focusin:   获得焦点时调用
focusout:  失去焦点时
key:       当输入框被编辑时,(有按键输入)
none:      不会开启验证(默认),注意是字符none,不是None

补充:上面的验证函数都是没有参数的,随意添加参会报错

TypeError: test2() missing 1 required positional argument: \'..\'

那么如何传入参数?Tkinter为验证函数提供了一些参数

参数 含义
%d 操作(触发事件)代码:0表示删除时触发,1插入时,2获得,失去焦点或textvariable值被修改
%i

1.当用户尝试插入或删除操作的时候,该选项表示插入或删除的位置(索引号)

2.如果是由于获得,失去焦点或者textvariable值被修改,而调用验证函数,该值是-1

%P

1.当输入框的值允许改变的时候,该值有效

2.该值为输入框的最新文本

%s  该值为调用验证函数前输入框的文本内容
%S 

1.当插入或删除操作触发验证函数的时候,该值有效

2.该选项仅仅表示被插入或删除的值 

%v   该组件当前的validate选项的值(触发条件)
%V 

1.调用验证函数的原因(触发条件) 

2.focusin,focusout,key,forced(textvariable值被修改)

%W  该组件的名称(该控件的id)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

from tkinter import *

root = Tk()

Lb1 = Label(root,text="账号:").grid(row=0,column=0)
Lb1 = Label(root,text="密码:").grid(row=1,column=0)


def test():
    if Ip1.get() == "root":
        print("正确")
        return True
    else:
        print("错误")
        Ip1.delete(0,END)
        return False

def test2(p_con,s_con,v_func,v_res,w_name):
    print(p_con,s_con,v_func,v_res,w_name)  #waff waff focusout focusout .44322320(和下面的id(Ip1)一致)
    return True

v1 = StringVar()
v2 = StringVar()

#注意使用前需要先进行注册
testCMD = root.register(test2)

Ip1 = Entry(root,textvariable=v1,validate="focusout",validatecommand=(testCMD,"%P","%s","%v","%V","%W"))

print(id(Ip1)) #44322320

Ip1.grid(row=0,column=1,padx=10,pady=5)
Ip2 = Entry(root,show="*")
Ip2.grid(row=1,column=1,padx=10,pady=5)


root.mainloop()
额外参数测试

当然上面的只是提供的特殊参数,我们可以传入自己想要传递的数据,不过,这些自定义函数都是需要我们进行注册。

def test(a,b):
    print(a,b)
    if Ip1.get() == "root":
        print("正确")
        return True
    else:
        print("错误")
        Ip1.delete(0,END)
        return False

testCMD2 = root.register(test)

he = "hhhhh"
ll = "gun"

Ip1 = Entry(root,textvariable=v1,validate="focusout",validatecommand=(testCMD2,he,ll))


------------------------------------------------------------------
hhhhh gun
正确
自定义参数传递
from tkinter import *

root = Tk()

v1 = StringVar()
v2 = StringVar()
v3 = StringVar()

def test(content):
    if content.isdigit():
        return True
    else:
        return False

def calc():
    res = int(v1.get())+int(v2.get())
    v3.set(res)

testCMD = root.register(test)

e1 = Entry(root,textvariable=v1,validate="key",validatecommand=(testCMD,"%P")).grid(row=0,column=0)

Lb1 = Label(root,text="+").grid(row=0,column=1)

e2 = Entry(root,textvariable=v2,validate="key",validatecommand=(testCMD,"%P")).grid(row=0,column=2)

Label = Label(root,text="=").grid(row=0,column=3)

e3 = Entry(root,textvariable=v3,state="readonly").grid(row=0,column=Python基础入门自学——17--图形界面网络编程

使用底图作为Python GUI中的图形

Python基础11—图形界面编程

python基础学习笔记——Python基础教程(第2版 修订版)第12章(图形用户界面)

Python的IDE安装

Python学习第97天(MySQL知识回顾)