tk基础--标签、按钮

本节内容：

明白标签、按钮的使用
实现简单的点击界面

Tkinter 简称tk,在python中属于内置模块，不需要进行安装，可直接引用，import tkinter

一.

首先我们做一个如图所示的图形界面：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OdLqA2oJ-1572011460850)(C:\day_file\博客文件\GUI\image_GUi\tk1.jpg)]

它是由界面名(hello world)、标签(绿色、字符)组成，接下来我们实现上图；

import tkinter as tk  #引包
#------------------------------------------------------------
# 创建一个对象
windows = tk.Tk()
# 设置标题
windows.title("hello world")
# 设置屏幕大小
windows.geometry("400x100")
#--------------------------------------------------------------
# 设置标签
l = tk.Label(windows, text="Hello World!", bg="green", font=("Arial", 12), width=15, height=2)
# 设置位置
l.pack()
# 设置循环
windows.mainloop()

程序流程：创建对象---->设置界面标题-----> 设置屏幕大小---->设置标签----->设置位置---->设置循环

注：设置位置有三种方式布局，pack 是三种布局管理中最常用的. 另外两种布局需要精确指定控件具体的显示位置, 而 pack 布局可以指定相对位置, 精确的位置会由 pack 系统自动完成。

二

进阶内容；做一个如下图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CZeITFJJ-1572011460852)(C:\day_file\博客文件\GUI\image_GUi\tk2.1.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RWZfUIRi-1572011460853)(C:\day_file\博客文件\GUI\image_GUi\tk2.2.jpg)]

解释：当我点击按钮时，显示出"you click",再点击按钮时，无显示。基本元素与上面相同，下面我们实现一下

import tkinker as tk
# 创建一个对象
windows = tk.Tk()
# 设置标题
windows.title("hello world")
# 设置屏幕大小
windows.geometry("400x100")
#设置字符串===》tk中需要设置自己类型的字符串
var = tk.StringVar()
#传入标签中
l = tk.Label(windows, textvariable=var, bg="green", font=("Arial", 12), width=15, height=2)
l.pack()#设置判断
on_click = False
def Click():global  on_clickif on_click == False:on_click = True#传入界面var.set("you click")else:on_click = Falsevar.set("")
#设置点击按钮  command===》点击触发click函数
b = tk.Button(windows,text="Click on the",width=15,height=2,command=Click)
b.pack()windows.mainloop()

流程解释：创建对象---->设置界面标题-----> 设置屏幕大小---->设置字符串传入标签----->设置位置---->设置触发函数---->点击按钮---->设置位置---->设置循环

注：在tk中将内容传入显示界面时需要特定的参数(textvariable)，点击按钮时，设置触发函数(command)，实现前端内容的变化.

未完待续…

初学者

容传入显示界面时需要特定的参数(textvariable)，点击按钮时，设置触发函数(command)，实现前端内容的变化.

未完待续…

初学者

分享及成功，你的报应就是我，记得关注！

tk基础--标签、按钮相关推荐

Java-GUI编程实战之管理系统 Day2【Swing(组件介绍、布局管理器、事件类及监听器类)、基础组件按钮和输入框的用法】
视频.课件.源码[链接:https://pan.baidu.com/s/13ffqGDzH-DZib6-MFViW3Q 提取码:zjxs] Java-GUI编程实战之管理系统 Day1[项目开发流程. ...
HTML之基础标签_思维导图版
具体HTML基础标签请看这里: 链接:https://pan.baidu.com/s/1d-pcJRpEriqGvdtpwWucQQ 提取码:mtx6 复制这段内容后打开百度网盘手机App,操作更方便 ...
HTML 教程：基础标签
什么是 HTML HTML(Hypertext Markup Language),中文名超文本标记语言,是一种用于结构化 Web 网页及其内容的标记语言. 严格意义上讲,HTML 并不是一门编程语言, ...
HTML基础之label标签,HTML基础-标签
html标签元素在HTML静态页面中,每个网页具有唯一``,即``标签. 即网页中的盒子,起分割作用,分割内容使用的常用标签.DIV+CSS更是网页分割常用方法. 内容被链接内容 br 换行标签 ...
html基础标签学习
基础标签 1. h 标题标签 h1-6:标题标签独占一行字体加粗数字越小重要程度越高 <h1>标题1</h1><h2>标题2</h2 ...
html让图片下浮的代码,HTML基础-标签
html标签元素在HTML静态页面中,每个网页具有唯一``,即``标签. 即网页中的盒子,起分割作用,分割内容使用的常用标签.DIV+CSS更是网页分割常用方法. 内容被链接内容 br 换行标签 ...
JavaWeb笔记01-HTML基础标签介绍
JavaWeb笔记01-HTML基础标签介绍文章目录 JavaWeb笔记01-HTML基础标签介绍 1. html简介 2. 开始和结束标签 3. title标签 4. meta标签 5. 换行标签 ...
VC：隐藏CTabCtrl标签按钮
目标:实现隐藏CTabCtrl 标签按钮,而通过一个下拉框或者菜单来实现CTabCtrl标签页面切换.使之看起来像个单个对话框页面,而事实上是CTabCtrl. 有人可能觉得这是不是有点BT,其实,我 ...
HTML基础标签入门
HTML基础标签昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...

tk基础--标签、按钮

本节内容：

一.

二

tk基础--标签、按钮相关推荐

最新文章

热门文章