tkinter -- button2

指定button的宽度和高度

width:  宽度

height: 高度

使用三种方式:

1 创建button对象时,指定宽度与高度

2 使用属性width和height来指定宽度和高度

3 使用configure方法来指定宽度与高度

示例:

import tkinter as tk

root = tk.Tk()
# 创建button对象时,指定宽度与高度
b1 = tk.Button(root, text='A1', width=30, height=2)
b1.pack()

# 使用属性width和height来指定宽度和高度
b2 = tk.Button(root, text='B1')
b2['width'] = 30
b2['height'] = 3
b2.pack()

# 使用configure方法来指定宽度与高度
b3 = tk.Button(root, text='C3')
b3.configure(width=30, height=3)
b3.pack()

# 进入消息循环
root.mainloop()

效果:

设置Button文本在控件上的显示位置,就是地图上的标识位置了

width和height属性是为了显示各个属性的不同

使用的值:

n(north)  北

s(south)  南

w(west)   西

e(east)   东

ne(north-east) 东北

nw(north-west) 西北

se(south-east) 东南

sw(south-west) 西南

示例代码:

方法1:推荐使用

import tkinter as tk

root = tk.Tk()

for i in ['n', 's', 'e', 'w', 'ne', 'nw', 'se', 'sw']:
    tk.Button(root, text='py3study', anchor=i, width=30, height=3).pack()


# 进入消息循环
root.mainloop()

效果:

方法2:效果一样,但是代码重复,不推荐使用

import tkinter as tk

root = tk.Tk()

tk.Button(root, text='py3study', width=30, height=4).pack()
tk.Button(root, text='py3study', anchor='center', width=30, height=4).pack()
tk.Button(root, text='py3study', anchor='n', width=30, height=3).pack()
tk.Button(root, text='py3study', anchor='s', width=30, height=3).pack()
tk.Button(root, text='py3study', anchor='e', width=30, height=3).pack()
tk.Button(root, text='py3study', anchor='w', width=30, height=3).pack()
tk.Button(root, text='py3study', anchor='ne', width=30, height=3).pack()
tk.Button(root, text='py3study', anchor='nw', width=30, height=3).pack()
tk.Button(root, text='py3study', anchor='se', width=30, height=3).pack()
tk.Button(root, text='py3study', anchor='sw', width=30, height=3).pack()


# 进入消息循环
root.mainloop()

效果:

改变button的前景色与背景色

fg: 前景色

bg: 背景色

示例:

import tkinter as tk
root = tk.Tk()
bfg = tk.Button(root, text='py3study', fg='red')
bbg = tk.Button(root, text='py3study', bg='blue')

bfg.pack()  # 显示button
bbg.pack()  # 显示button

root.mainloop()  # 进入消息循环

效果:

设置Button的边框

bd(bordwidth): 边框宽度

创建5个 Button 边框宽度依次为:0,2,4,6,8

示例:

import tkinter as tk
root = tk.Tk()

for b in range(10):  # 取边框长度为0,2,4,6,8
    if b % 2 == 0:
        tk.Button(root, text=str(b), bd=b).pack()

root.mainloop()

效果:

设置button的风格,relief浮雕效果

raised  凸起

sunken  凹陷

groove  沟

ridge   脊

示例:

import tkinter as tk
root = tk.Tk()
for i in ['raised', 'sunken', 'groove', 'ridge']:
    tk.Button(root, text=i, relief=i, width=30).pack()

root.mainloop()

效果:

设置Button状态 -- 重点

normal   正常

active   活动

disabled 禁用

示例:

import tkinter as tk
root = tk.Tk()

def normalprint():
    print('state {}'.format('normal'))

def activeprint():
    print('state {}'.format('active'))

def disabled():
    print('sate {}'.format('disabled'))

# command调用函数 command=函数名
for i in ('normal', 'active', 'disabled'):
    if i == 'normal':
        tk.Button(root, text=i, state=i, width=30, command=normalprint).pack()
    elif i == 'active':
        tk.Button(root, text=i, state=i, width=30, command=activeprint).pack()
    else:
        tk.Button(root, text=i, state=i, width=30, command=disabled).pack()

root.mainloop()

效果:

绑定Button与变量 -- 重点

设置button在textvariable(文本变量)属性

StringVar是Tk库内部定义的字符串变量类型,在这里用于管理部件上面的字符;不过一般用在按钮button上

示例:

import tkinter as tk
root = tk.Tk()

def changtext():
    if b['text'] == 'text':
        v.set('change')
        print('change')
    else:
        v.set('text')
        print('text')

v = tk.StringVar()
b = tk.Button(root, textvariable=v, command=changtext)
v.set('text')
b.pack()
root.mainloop()

效果:

将变量 v 与 Button 绑定,当 v 值变化时,Button 显示的文本也随之变化

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏angularejs学习篇

marquee 标签的使用详情

66730
来自专栏河湾欢儿的专栏

定位

定位元素位置控制 top/right/bottom/left 定位元素偏移量。

13510
来自专栏一个小程序员的成长笔记

CSS深入理解学习笔记之margin

1、margin与容器尺寸   元素尺寸:①可视尺寸 clientWidth(标准);②占据尺寸 ?   margin与可视尺寸:①适用于没有设定width/h...

39860
来自专栏xingoo, 一个梦想做发明家的程序员

CSS定位之position详解

position属性 在前端中,position是很常见的属性。通过这个属性可以调整dom元素在浏览器中显示的位置。 它有几个常用的属性: static 默认值...

24360
来自专栏向治洪

react-native 之布局总结

前言 之前我们讲了很多react-native的基础控件,为了方便大家的理解,我们来对react-native的布局做一个总结,观看本节知识,你将看到。 宽度单...

79680
来自专栏杨龙飞前端

css常用居中

32560
来自专栏数据库新发现

关于shared pool的深入探讨(一)

http://www.eygle.com/internal/shared_pool-1.htm

16730
来自专栏进击的君君的前端之路

CSS理解之margin

17520
来自专栏Java帮帮-微信公众号-技术文章全总结

与Ajax同样重要的jQuery(1)

jQuery框架 jQuery 1.4 是企业主流版本,从jQuery1.6 开始引入大量新特性。最新版本 2.1.1,这里讲解以1.8.3为主(新版本主要是浏...

33360
来自专栏偏前端工程师的驿站

CSS布局:水平居中

前言                                 一直对CSS布局一知半解,这段时间打算定下心来好好学习一下,于是先从最简单的水平居中布局开...

40480

扫码关注云+社区

领取腾讯云代金券