GUI的最终选择 Tkinter(二)：Label和Button组件

Label组件

Lable组件是用于界面上输出描述的标签，例如提示用户“您下载的电影含有未成年人限制内容，请满18岁以后点击观看！”，先来上结果图：

在来看下它的代码：

from tkinter import *

root = Tk()
#创建一个文本Label对象
textLable = Label(root,\
                  text='您所下载的影片含有未成年限制内容，\n请满18岁再查看')
textLable.pack(side=LEFT)
photo = PhotoImage(file='18.gif')
imglable = Label(root,image=photo)
imglable.pack(side=RIGHT)
mainloop()

显示不太好看，所以我们修改下，在字符串中使用\n对显示的文本进行换行

如果想将文字部分左对齐，并在水平位置与边框留有距离，只要设置Label的justify和padx选项即可。

完整代码如下：

from tkinter import *

root = Tk()
#创建一个文本Label对象
textLable = Label(root,\
                  text='您所下载的影片含有未成年限制内容，\n请满18岁再查看',\
                  justify=LEFT,\
                   padx=10)
textLable.pack(side=LEFT)
photo = PhotoImage(file='18.gif')
imglable = Label(root,image=photo)
imglable.pack(side=RIGHT)
mainloop()

这是图片和文字分开的，但是有时候需要文字显示在图片的上面，那么我们只需要设置compound选项即可。

 from tkinter import *

 root = Tk()
 photo = PhotoImage(file='bg.gif')
 thelable = Label(root,
                  text = 'study python',
                  justify=LEFT,
                  image= photo,
                  compound=CENTER,
                  font=('宋体',20),
                  fg='white')
 thelable.pack()
 mainloop()

结果图：

Button组件

Button组件是用于实现一个按钮，它的绝大多数选项和Label组件是一样的，不过Button组件有一个Label组件实现不了的功能，那就是可以接收用户的信息。Button组件有一个command选项，用于指定一个函数或方法，当用户单击按钮的时候，Tkinter就会自动地调用这个函数或方法。

来我们修改上面的Label的那个例子，增加一个按钮，在按钮被单击后Label文本发生改变。想要文本发生改变，只需要设置textvariable选项为Tkinter变量即可：

 #
 from tkinter import *

 def callback():
     var.set('我才不信了，骗子')

 root = Tk()
 frame1 = Frame(root)
 frame2 = Frame(root)
 var = StringVar()
 var.set('您所下载的影片含有未成年限制内容，\n请满18岁再查看')
 textLable = Label(frame1,
                   textvariable=var,
                   justify=LEFT)
 textLable.pack(side=LEFT)

 photo = PhotoImage(file='18.gif')  #用PhotoImage实例化一个图片对象，注：支持gif的
 imglable = Label(root,image=photo)  #创建一个图像Label的对象
 imglable.pack(side=RIGHT)

 theButton = Button(frame2,text='我已经满18岁',command=callback) #增加一个按钮
 theButton.pack()

 frame1.pack(padx=10,pady=10)
 frame2.pack(padx=10,pady=10)
 mainloop()

结果如下：我这里放两张图片了