场景描述 在ion-content中,拖动滚动条,当滚动条的位置发生改变时,动态修改ion-header-bar的title。...这个时候,下意识地就会想到用on-scroll方法,然后监听到滚动条滚动的位置,判断当位置为多少的时候就去修改$scope.title的值,本以为会动态绑定到视图上,谁知道视图并没有发生改变!...解决方法 原来在on-scroll方法中,改变了值之后,要调用一下$scope.$evalAsync(),这样才能发生改变!
认识控件 在上边的代码中我们使用了Label控件,Label控件是Tk最常用的组件之一,可以用来显示文本和图片等。在tkinter中,一共提供了15个控件,下面我们来认识一下它们。...控件名称 描述 Button 按钮控件;在程序中显示按钮。...background(bg) 背景颜色:用来定义控件的背景颜色 bitmap 位图:定义显示在控件中位图文件 borderwidth 边框宽度:定义控件的边框宽度 command 命令:指定特定的函数...Button控件中有以下几种方法: 方法/属性 描述 flash() 将前景与背景颜色呼唤来产生闪烁效果 invoke() 执行command所定义的函数 activebackground 定义按钮在作用中的背景颜色...index(index) 返回参数index选项的序号 insert(index, *elements) 添加一个或多个项目到 Listbox 中 size() 返回 Listbox 组件中选项的数量
添加2个按钮并改变按钮字体颜色 #!...print('hello') def about(): print('我是开发者') menubar = tk.Menu(root) #创建下拉菜单File,然后将其加入到顶级的菜单栏中...\n\nhttp://www.programup.com网站") w.pack(side=tk.TOP) menubar = tk.Menu(root) #创建下拉菜单File,然后将其加入到顶级的菜单栏中...改变标签背景色 #!...组件显示在父容器中心位置;若fill选项为BOTH,则填充父组件的剩余空间。
在python中有多个图形界面开发的库,一般我们会见到用到的有tkinter,pyqt,wx,pywin等这几个库,但是一般比较简单的就是tkinter Tkinter : 是 Python 的标准 Tk...tkinter的组件: Button 按钮控件;在程序中显示按钮。...Tkinter 按钮组件用于在 Python 应用程序中添加按钮,按钮上可以放上文本或图像,按钮可用于监听用户行为,能够与一个 Python 函数关联,当按钮被按下时,自动调用该函数。 ?...Menu: 菜单条,用来实现下拉和弹出式菜单,点下菜单后弹出的一个选项列表,用户可以从中选择 在界面中设置菜单,和多级子菜单 在tkinter中,菜单组件的添加与其他组件有所不同。...Label: Label用于在指定的窗口中显示文本和图像。最终呈现出的Label是由背景和前景叠加构成的内容。
单选按钮 从互斥的多个选项中做单项选择 Scale 滑块 默认垂直方向,鼠标拖动改变数值形成可视化交互 Scrollbar 滑动条 默认垂直方向,鼠标拖动改变数值,可与Text,Listbox,Canvas...当使用 Place 布局管理容器中的组件时,需要设置组件的 x、y 或 relx、rely 选项,Tkinter 容器内的坐标系统的原点 (0,0) 在左上角,其中 X 轴向右延伸,Y 轴向下延伸,如图所示...值得注意的是:属性text通常用于实例在第一次呈现时的固定文本,而如果需要在程序执行后发生变化,则可以使用下列方法之一实现:1、用控件实例的configure()方法来改变属性text的值,可使显示的文本发生变化...序号 可选项 & 描述 1 bg 输入框背景颜色 2 bd 边框的大小,默认为 2 个像素 3 cursor 光标的形状设定,如arrow, circle, cross, plus 等 4 font 文本字体...例子:仿照window自带的“记事本”中的文件和编辑 菜单,实现在主菜单个快捷菜单上触发菜单命令,并相应改变窗体上的标签的文本内容。
本系列博客主要总结Tkinter库中提供的UI组件,关于Java的GUI开发,感兴趣的可以在如下系列博客中找到: https://my.oschina.net/u/2340880/blog?...Tkinter中有提供Menu菜单组件中可以添加如下几种组件: 1_动作项:简单的行为按钮,用户点击后会执行相应的方法。 2_子菜单:行为完整的子菜单项。...Menu构造函数中第1个参数可以传入菜单所属的窗口或者父菜单,后面可以添加一些菜单配置,例如: 属性 意义 activebackground 活跃时的背景色 activeborderwidth 活跃时的边框宽度...#返回参数位置对应的选项索引 index(i) #在指定位置插入一个子菜单 insert_cascade(index,coption...)...设置True或False image 设置图片 gif格式 label 设置显示的文本 menu 这个选项只用在添加子菜单中 offvalue 设置checkbutton关闭时的值 onvalue 设置
='Button2')button2.pack(side=tkinter.RIGHT)root.mainloop() #进入消息循环(必需组件)3、tkinter中的15种核心组件...(在Tkinter中窗口部件类没有分级;所有的窗口部件类在树中都是兄弟。)...coords(ID) 返回对象的位置的两个坐标(4个数字元组);对于按钮组件、菜单组件等可以在创建组件时通过command参数指定其事件处理函数。...10、菜单Menu参数: tearoff 分窗,0为在原窗,1为点击分为两个窗口bg,fg 背景,前景borderwidth 边框宽度font... 选中时背景takefocustitle typerelief方法:menu.add_cascade 添加子选项menu.add_command 添加命令(label
-i 改变生成程序的icon图标 tkinter 指南 一个小例子 # -*- coding:utf-8 -*- import tkinter as tk root_window =tk.Tk()...,与 Label控件类似,增加了自动分行的功能 messageBox 消息框控件 定义与用户交互的消息对话框 OptionMenu 选项菜单 下拉菜单 PanedWindow 窗口布局管理组件 为组件提供一个框架...中文本和图像的混合模式,若选项设置为 CENTER,则文本显示在图像上,如果将选项设置为 BOTTOM、LEFT、RIGHT、TOP,则图像显示在文本旁边。...(灭的状态) insertontime 该选项控制光标的闪烁频频率(亮的状态) selectbackground 指定被选中文本的背景颜色,默认由系统决定 selectborderwidth 指定被选中文本的背景颜色...x、y 定义控件在根窗体中水平和垂直方向上的起始绝对位置 relx、rely 1.
在学习 Tkinter GUI 编程的过程中,不仅要学会如何摆放这些控件,还是掌握各种控件的功能、属性,只有这样才能开发出一个界面设计优雅,功能设计完善的 GUI 程序。...,与 Label控件类似,增加了自动分行的功能 messageBox 消息框控件 定义与用户交互的消息对话框 OptionMenu 选项菜单 下拉菜单 PanedWindow 窗口布局管理组件 为组件提供一个框架...bg 用来设置背景色 bd 即 borderwidth 用来指定 Label 控件的边框宽度,单位为像素,默认为 2 个像素 bitmap 指定显示在 Label 控件上的位图,若指定了 image...参数,则该参数会被忽略 compound 控制 Lable 中文本和图像的混合模式,若选项设置为 CENTER,则文本显示在图像上,如果将选项设置为 BOTTOM、LEFT、RIGHT、TOP,则图像显示在文本旁边...注意:在 Entry 控件中,我们可以通过以下方式来指定字符的所在位置: 数字索引:表示从 0 开始的索引数字; "ANCHOE":在存在字符的情况下,它对应第一个被选中的字符; "END":对应已存在文本中的最后一个位置
其中,标签实例lb 在父容器root中实例化,具有代码中所示的text(文本)、bg(背景色)、fg(前景色)、font(字体)、width(宽,默认以字符为单位)、height(高,默认以字符为单位)...值得注意的是:属性text通常用于实例在第一次呈现时的固定文本,而如果需要在程序执行后发生变化,则可以使用下列方法之一实现:1、用控件实例的configure()方法来改变属性text的值,可使显示的文本发生变化...通常需要右击弹出的控件实例绑定鼠标右击响应事件,并指向一个捕获event参数的自定义函数,在该自定义函数中,将鼠标的触发位置event.x_root 和 event.y_root以post()方法传给菜单...例子: 仿照window自带的“记事本”中的文件和编辑 菜单,实现在主菜单个快捷菜单上触发菜单命令,并相应改变窗体上的标签的文本内容。效果如下: ?...如下的例子:在根窗体上创建菜单,触发创建一个新的窗体 ?
作用:在 ListBox 控件的小窗口显示项目列表 注意 selectmode 几种方式的区别: 1.BROWSE:通常,只能从列表框中选择一行。如果单击一个项目,然后拖动鼠标会跟随选中,是默认的。...Scale 控件 Scale供用户通过拖拽指示器改变变量的值,可以水平和竖直两个方向,默认竖直 scale = tkinter.Scale(win, from_=0, to=100, orient...控件 v = tkinter.StringVar() def update(): print(v.get()) # 实时触发值的改变 # 数值范围控件 # increment 步长 默认为...menuBar) # 创建一个菜单选项 menu1 = tkinter.Menu(menuBar, tearoff=True) # 给菜单选项添加内容 for i in ["C", "C++", "...in ["white", "black", "red", "green", "blue", "yellow", "pink"]: menu2.add_command(label=i) # 向菜单条中添加菜单选项
1、问题背景在使用 Tkinter 开发 GUI 程序时,您可能会遇到这样的疑问:为什么在使用 window.mainloop() 循环时,变量不会被重新赋值为它们的初始值?...,我们创建了一个窗口,并在其中添加了一个画布、一个下拉列表和两个菜单。...当用户选择下拉列表中的选项时,我们会更新画布上的文本,并将新文本显示出来。...它只是不断地从事件队列中获取事件,然后将事件分发给相应的处理函数。处理函数可以修改变量的值,但不会影响其他代码中的变量。也就是说,变量的值只会在处理函数中被修改,而在其他代码中不会被修改。...因此,在上面的代码中,当用户选择下拉列表中的选项时,hello() 函数会被调用。hello() 函数会更新画布上的文本,并将新文本显示出来。
作用:在 ListBox 控件的小窗口显示项目列表 注意 selectmode 几种方式的区别: 1.BROWSE:通常,只能从列表框中选择一行。如果单击一个项目,然后拖动鼠标会跟随选中,是默认的。...Scale 控件 Scale供用户通过拖拽指示器改变变量的值,可以水平和竖直两个方向,默认竖直 scale = tkinter.Scale(win, from_=0, to=100, orient=tkinter.HORIZONTAL...Spinbox 控件 v = tkinter.StringVar() def update(): print(v.get()) # 实时触发值的改变 # 数值范围控件 # increment...Menu 控件 I # 菜单条 menuBar = tkinter.Menu(win) win.config(menu=menuBar) # 创建一个菜单选项 menu1 = tkinter.Menu...in ["white", "black", "red", "green", "blue", "yellow", "pink"]: menu2.add_command(label=i) # 向菜单条中添加菜单选项
目前有15种Tkinter的部件。 Button 按钮控件;在程序中显示按钮。...tkMessageBox ,还是有很多区别的,在python3以后的版本中,tkinter应该首字母小写,而tkMessageBox及库中对应的函数应该相应改为tkinter.messagebox 在具体使用按钮组件进行函数调用时也有对应内容...复选框(Checkbutton) # 定义方法 w = tkinter.Checkbutton( master, option=value, ... ) # 在python3中,复选框的定义方式发生了略微改变...值得注意的是:属性text通常用于实例在第一次呈现时的固定文本,而如果需要在程序执行后发生变化,则可以使用下列方法之一实现: 1、用控件实例的configure()方法来改变属性text的值,可使显示的文本发生变化...relx,rely:控件实例在根窗体中水平和垂直方向上起始布局的相对位置。即相对于根窗体宽和高的比例位置,取值在0.0~1.0之间。
,所有控件都需要附着在界面上,如果程序中没有指定控件附着的窗口,将默认附着到主窗口Tk中,如果程序中没有定义Tk,那么将自动创建一个 常见属性【想要初始化主窗口的属性需要使用 主窗口对象.属性(“参数”...可以有边框和背景。...\菜单栏,没有添加其他菜单时默认没有显示,只有添加其他的菜单,才会了实际的意义 要想显示菜单,必须在“要添加菜单的窗口对象”的config中允许添加上“菜单对象” ?...参数设置:可用参数参考上面Menu的,用法同样可以参考按钮Button的 添加菜单的方法参考Menu的 注意:这次不是在root里面config了,而是在菜单按钮中设置 from tkinter import...来决定数据类型,使用 tkinter变量.get方法 此时获取的是选中选项的value的值 Valid resource names: activebackground, activeforeground
(在Tkinter中窗口部件类没有分级;所有的窗口部件类在树中都是兄弟。) ...coords(ID) 返回对象的位置的两个坐标(4个数字元组); 对于按钮组件、菜单组件等可以在创建组件时通过command参数指定其事件处理函数。...10、菜单Menu 参数: tearoff 分窗,0为在原窗,1为点击分为两个窗口 bg,fg 背景,前景 borderwidth ...; widget 引起事件的组件; width,heigh 组件改变后的大小,仅Configure有效; x,y ...sys.stdout.flush() 刷新输出 Python3 从入门到开车 附1:tkinter中的颜色 附2:一个自己用tkinter写的计算器程序 #filename:Caculater
tkinter 类 元素 说明 Button 按钮 在程序中显示按钮 Canvas 画布 提供绘制功能 Checkbutton 多选框 在程序中显示多选框 Combobox 下拉框 显示下拉框 Entry...首先,我们需要知道的是有些控件可以通过传入特定参数直接和一个控件绑定,这种绑定是双向的: 如果该变量发生改变, 与该变量绑定的控件也会随之更新 下面的这段代码中,我们就创建了两个 StringVar 类型的变量...添加单选框 单选框要求我们从 n 个选项中选择一个选项,因此我们需要将这 n 的单选框都绑定到一个变量上,正如下面代码中展示的,value 属性用于多个单选框值的区别,我们把 rad_gender_1...添加菜单栏 菜单功能同样是比较常见的,我们可以在各种软件上发现菜单。...在 tkinter 中,同样可以很容易地添加菜单栏。
(): global baseFrame # 在函数中定义了一个Label # Label的父组件是baseFrame lb = tkinter.Label(baseFrame...() ''' Button的属性: anchor --------------------设置按钮中文字的对齐方式,相对于按钮的中心位置 background(bg)-------------设置按钮的背景颜色...(bg)-------------设置按钮的背景颜色\nforeground(fg)-------------设置按钮的前景色(文字的颜色)\nborderwidth(bd)------------设置按钮边框宽度...# 模拟登录函数 def reg(): # 从相应输入框中,得到用户的输入 name = e1.get() pwd = e2.get() t1 = len(...在画布上绘制对象,通常用create_xxxx,xxxx=对象类型,例如line,rectangle 画布的作用的把一定的组件画到画布上显示出来 画布所支持的组件: arc(圆或者弧) bitmap(
,标签只不过是需要在窗口上显示的输出,在例子中是 hello world Tkinter Widgets 那么到底什么是 Widgets 呢 Widgets 类似于 HTML 中的元素,我们可以在...Tkinter 中找到针对不同类型元素的不同类型的 Widgets 让我们看看 Tkinter 中所有这些 Widgets 的简要介绍 Canvas - Canvas 用于在 GUI 中绘制形状 Button...– Button 用于在 Tkinter 中放置按钮 Checkbutton – Checkbutton 用于在应用程序中创建复选按钮 Entry - Entry 用于在 GUI 中创建输入字段 Frame...– Frame 在 Tkinter 中用作容器 Label - Label 用于创建单行 Widgets,如文本、图像等 Menu - Menu 用于在 GUI 中创建菜单 下面让我们逐一看一下每个...Entry 类创建一个文本框,grid 定义我们希望窗口小部件位于何处 同时 clicked 函数接收 Entry 的文本信息 Combobox 这是一个带有某些选项的下拉菜单 from tkinter.ttk
OptionMenu 为可选菜单,与 Combox 功能类似 创建 OptionMenu 代码: import tkinter as tk root = tk.Tk() v = tk.StringVar...的变参数指定 设置 OptionMenu 的显示值 当 OptionMenu 与变量绑定后,直接使用变量赋值的方法即可改变当前的值 代码: import tkinter as tk root = tk.Tk...运行程序,OptionMenu 默认值为"python",打印出的数值也为"python" 如果设置的值不包含在当前的列表中,会是什么结果?...程序依旧是默认值改变为 Tkinter,打印结果也变为 Tkinter,但 Tkinter 不会添加到OptionMenu 的列表中,也就是说,当选择其它的选项时,Tkinter 的值会丢失 打印 OptionMenu...每次点击 OptionMenu 程序打印出上次选中的项值 使用 list 作为 OptionMenu 的选项 代码: import tkinter as tk root = tk.Tk() v =
领取专属 10元无门槛券
手把手带您无忧上云