Tkinter 之TreeView表格与树状标签

转载

mob604756fbb3bd 2021-10-06 17:54:00

一、TreeView介绍

TreeView组件是一个树状结构和表格的结合体。第一列是树状结构，后几列是列表。每一行表示一个item，树的item可以分级，每个item有子item，名称对应text标签。每一行的值用values元组里的值表示。

item有5个标签，分别是：text，image，values，open，tags。

二、参数说明

1、TreeView参数：

参数	作用
columns	值是一个列表。列表里每个元素代表一个列标识符的名称。列表的长度为列的长度。
displaycolumns	列表，这里的元素是列表符，表示的是哪些列可以显示以及顺序，或者用‘#all’表示全部显示
height	表示要显示几行数据（注意：这个部件的宽度是根据列的多少自动定义的）
padding	填充，是个最多4个元素的列表
selectmode	定义如何去选择一行。"extended"是可选多行（用Ctrl+鼠标）， “browse” 是只能选一行， “none"是不能改变选择，默认是"extended”
show	表示这个部件显示哪种功能，“tree”表示仅显示第一列（单树模式），“headings”表示显示除一列的其他列（单列表模式），默认是"tree headings"，显示所有列。注意，‘#0’（第一列）是永远存在的

2、item参数：

选项	描述
text	树状结构这边的名称。
image	树状结构这边的名称的左边加个图。
values	列表结构这边每一行的值，values未赋值的列会为空值，超过列的长度会被截断。
open	布尔值，代表子item的显示打开或关闭
tags	与item关联的标记

3、tag参数

选项	描述
foreground	前景色
background	背景色
font	字体
image	图

三、TreeView可选事件和方法

<< TreeviewSelect>>，代表选择变化是发生；

<< TreeviewOpen>>，item的open=True时发生

<< TreeviewClose>>，item的open=False时发生

提示：可用 Treeview.focus() 和 Treeview.selection() 可获取 item 或 items.

方法列表：

bbox(item, column=None)

返回一个item的范围（x,y,width, height）,如果column指定了一个列，则返回一个元素范围，如果item不可视，则返回空值。

get_children(item=None)

返回一个item的所有子item，这个子item是一个列表形式，如果item没指定，则返回根目录的item

set_children(item, *newchildren)

设置一个item的新子item。这里设置了之后实际是全部替换

column(column, option=None, **kw)

给各列设置属性，或返回属性。

第一个column是列标识符

第二个option，如果不设置则返回所有属性的字典，如果设置则返回那个属性的值。

kw里的option有5个

id：只读属性，返回列名。

anchor：文字在cell里的对齐方式，标准的tk的anchor属性

minwidth: 值，单位是像素，列的最小宽度

stretch: 布尔值，表示列的宽度是否随整个部件的改动而变化。

width：列宽，单位是像素。

提示：如果要设置树状结构那列，用column=“#0”

delete(*items)

删除item及其子item

detach(*items)

断开item及其子item，这里的断开只是不显示，以后还可以链接起来。

exists(item)

返回True，如果item在树里。

focus(item=None)

如果不指定item，则返回当前获得焦点的item，如果指定item，则让该item获得焦点。若无则返回空值。

heading(column, option=None, **kw)

查询或修改指定列的标题选项

第一个column是列标识符

第二个option，如果不设置则返回所有属性的字典，如果设置则返回那个属性的值。

kw里的option有4个

text：列头名

image: 列头名右的图像

anchor：文字在heading里的对齐方式，标准的tk的anchor属性

command:点击列头的回调函数

insert(parent, index, iid=None, **kw)

创建新item并返回新创建item的项标识符。

parent：用item ID表示父item，或者‘’表示根item

index：数值int，或‘end’，表示item插入的位置

iid：item标识符，可自动生成

kw：看上面的Item Options介绍。

item(item, option=None, **kw)

查询或修改指定item的选项

selection(selop=None, items=None)

如果没指定selop则返回所有选中的items，列表形式，若selop指定了selection methods，则相应act。

set(item, column=None, value=None)

指定item，如果不设定column和value，则返回他们的字典，如果设定了column，则返回该column的value，如果value也设定了，则作相应更改。

四、代码示例

1、表格代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66	`import` `tkinter as tk` `from` `tkinter` `import` `ttk` `window` `=` `tk.Tk()` `# 设置窗口大小` `winWidth` `=` `600` `winHeight` `=` `400` `# 获取屏幕分辨率` `screenWidth` `=` `window.winfo_screenwidth()` `screenHeight` `=` `window.winfo_screenheight()` `x` `=` `int``((screenWidth` `-` `winWidth)` `/` `2``)` `y` `=` `int``((screenHeight` `-` `winHeight)` `/` `2``)` `# 设置主窗口标题` `window.title(``"TreeView参数说明"``)` `# 设置窗口初始位置在屏幕居中` `window.geometry(``"%sx%s+%s+%s"` `%` `(winWidth, winHeight, x, y))` `# 设置窗口图标` `window.iconbitmap(``"./image/icon.ico"``)` `# 设置窗口宽高固定` `window.resizable(``0``,` `0``)` `# 定义列的名称` `columns` `=` `(``"name"``,` `"gender"``,` `"age"``)` `tree` `=` `ttk.Treeview(window, show` `=` `"headings"``, columns` `=` `columns, selectmode` `=` `tk.BROWSE)` `# 设置表格文字居中` `tree.column(``"name"``, anchor` `=` `"center"``)` `tree.column(``"gender"``, anchor` `=` `"center"``)` `tree.column(``"age"``, anchor` `=` `"center"``)` `# 设置表格头部标题` `tree.heading(``"name"``, text` `=` `"姓名"``)` `tree.heading(``"gender"``, text` `=` `"性别"``)` `tree.heading(``"age"``, text` `=` `"年龄"``)` `# 设置表格内容` `lists` `=` `[{``"name"``:` `"yang"``,` `"gender"``:` `"男"``,` `"age"``:` `"18"``}, {``"name"``:` `"郑"``,` `"gender"``:` `"女"``,` `"age"``:` `"25"``}]` `i` `=` `0` `for` `v` `in` `lists:` `tree.insert('', i, values` `=` `(v.get(``"name"``), v.get(``"gender"``), v.get(``"age"``)))` `i` `+``=` `1` `tree.pack(expand` `=` `True``, fill` `=` `tk.BOTH)` `# 获取当前点击行的值` `def` `treeviewClick(event):` `# 单击` `for` `item` `in` `tree.selection():` `item_text` `=` `tree.item(item,` `"values"``)` `print``(item_text)` `# 鼠标左键抬起` `tree.bind(``'<ButtonRelease-1>'``, treeviewClick)` `# 鼠标选中一行回调` `def` `selectTree(event):` `for` `item` `in` `tree.selection():` `item_text` `=` `tree.item(item,` `"values"``)` `print``(item_text)` `# 选中行` `#tree.bind('<<TreeviewSelect>>', selectTree)` `window.mainloop()`

2、树状代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44	`import` `tkinter as tk` `from` `tkinter` `import` `ttk` `window` `=` `tk.Tk()` `# 设置窗口大小` `winWidth` `=` `600` `winHeight` `=` `400` `# 获取屏幕分辨率` `screenWidth` `=` `window.winfo_screenwidth()` `screenHeight` `=` `window.winfo_screenheight()` `x` `=` `int``((screenWidth` `-` `winWidth)` `/` `2``)` `y` `=` `int``((screenHeight` `-` `winHeight)` `/` `2``)` `# 设置主窗口标题` `window.title(``"TreeView参数说明"``)` `# 设置窗口初始位置在屏幕居中` `window.geometry(``"%sx%s+%s+%s"` `%` `(winWidth, winHeight, x, y))` `# 设置窗口图标` `window.iconbitmap(``"./image/icon.ico"``)` `# 设置窗口宽高固定` `window.resizable(``0``,` `0``)` `# 定义列的名称` `tree` `=` `ttk.Treeview(window, show` `=` `"tree"``)` `myid``=``tree.insert("``",0,"``中国``",text="``中国China``",values=("``1``")) # "``"表示父节点是根` `myidx1``=``tree.insert(myid,``0``,``"广东"``,text``=``"中国广东"``,values``=``(``"2"``))` `# text表示显示出的文本，values是隐藏的值` `myidx2``=``tree.insert(myid,``1``,``"江苏"``,text``=``"中国江苏"``,values``=``(``"3"``))` `myidy``=``tree.insert("``",1,"``美国``",text="``美国USA``",values=("``4``"))` `myidy1``=``tree.insert(myidy,``0``,``"加州"``,text``=``"美国加州"``,values``=``(``"5"``))` `# 鼠标选中一行回调` `def` `selectTree(event):` `for` `item` `in` `tree.selection():` `item_text` `=` `tree.item(item,` `"values"``)` `print``(item_text)` `# 选中行` `tree.bind(``'<<TreeviewSelect>>'``, selectTree)` `tree.pack(expand` `=` `True``, fill` `=` `tk.BOTH)` `window.mainloop()`