在本文中,我们将带你了解Tkinter网格中的滚动条在这篇文章中,我们将为您详细介绍Tkinter网格中的滚动条的方方面面,并解答tkinter滚动条常见的疑惑,同时我们还将给您一些技巧,以帮助您实现
在本文中,我们将带你了解Tkinter网格中的滚动条在这篇文章中,我们将为您详细介绍Tkinter网格中的滚动条的方方面面,并解答tkinter 滚动条常见的疑惑,同时我们还将给您一些技巧,以帮助您实现更有效的Flex中怎么给表格中的滚动条定位、Python GUI 编程 (Tkinter) 带滚动条的 Text、python-tkinter-用矩形制成的网格中的矩形着色问题、Python-Tkinter中的树状视图滚动条。
本文目录一览:- Tkinter网格中的滚动条(tkinter 滚动条)
- Flex中怎么给表格中的滚动条定位
- Python GUI 编程 (Tkinter) 带滚动条的 Text
- python-tkinter-用矩形制成的网格中的矩形着色问题
- Python-Tkinter中的树状视图滚动条
Tkinter网格中的滚动条(tkinter 滚动条)
在我的项目中,我想使用Tkinter作为GUI在窗口中显示结果。我使用网格小部件将它们放在一种表中,并且该窗口分为两个不同的部分(用于不同的结果)。但是,经过更长的运行后,显示的结果数超过了我的屏幕高度,因此我想向程序添加滚动条。我已经在这里讨论了关于stackoverflow的几个问题,而最接近的答案是:
在Tkinter中将滚动条添加到一组小部件中 (只是为了让您知道我正在寻找什么!)
不过,我无法将其应用到我的程序中,也许是因为我对Python很陌生,有时还以为我是弗兰肯斯坦博士,带有教程示例。
我现在尝试了很多,但是我无法使表格显示在画布上,可能只是我缺少的一些小东西。
我创建了一个程序的抽象示例(没有滚动条),所以您知道我正在使用什么,也许您的某人可以帮助我获得该滚动条所属的位置!
非常感谢你!
示例代码:(运行)
import Tkinter as tktoprow=1botrow=1class ProgramWindow(tk.Frame): def __init__(self,name): self.name = name tk.Frame.__init__(self,root) self.pack() if name=="BotWin": tk.Label(self,text="FirstColBot",width=30).grid(row=0,column=0) tk.Label(self,text="SecndColBot",width=20).grid(row=0,column=1) elif name=="TopWin": tk.Label(self,text="FirstColTop",width=30).grid(row=0,column=0) tk.Label(self,text="SecndColTop",width=20).grid(row=0,column=1) def addrowTop(self,stuff,otherstuff): global toprow textfield = tk.Text(self,width=30,height=1) textfield.grid(row=toprow,column=0) textfield.insert(''0.0'',stuff) textfield = tk.Text(self,width=20,height=1) textfield.grid(row=toprow,column=1) textfield.insert(''0.0'',otherstuff) toprow+=1 def addrowBot(self,stuff,otherstuff): global botrow textfield = tk.Text(self,width=30,height=1) textfield.grid(row=botrow,column=0) textfield.insert(''0.0'',stuff) textfield = tk.Text(self,width=20,height=1) textfield.grid(row=botrow,column=1) textfield.insert(''0.0'',otherstuff) botrow+=1def SomeProg(): for i in range(20): if i%2==0: stuff = "Stuff is "+str(i) otherstuff=i*3 Wins[0].addrowTop(stuff,otherstuff) elif i%2==1: stuff = "Stuff is "+str(i) otherstuff=i*4 Wins[1].addrowBot(stuff,otherstuff)root = tk.Tk()root.title("Stuff")Wins = [ ProgramWindow("TopWin"),ProgramWindow("BotWin")]SomeProg()root.mainloop()
我尝试添加滚动条的其他代码(基于上面链接中显示的示例)。如果滚动条仅显示在下部,则可以,因为多数民众赞成在显示结果的部分。)
import Tkinter as tktoprow=1botrow=1class ProgramWindow(tk.Frame): def __init__(self,name): self.name = name self.frame=tk.Frame.__init__(self,root) if name=="BotWin": tk.Label(self,text="FirstColBot",width=30).grid(row=0,column=0) tk.Label(self,text="SecndColBot",width=20).grid(row=0,column=1) self.canvas = tk.Canvas(root, borderwidth=0, background="#ffffff") self.vsb = tk.Scrollbar(root, orient="vertical", command=self.canvas.yview) self.canvas.configure(yscrollcommand=self.vsb.set) self.vsb.pack(side="right", fill="y") self.canvas.pack(side="left", fill="both", expand=True) self.canvas.create_window((4,4), window=self.frame) self.bind("<Configure>", self.OnFrameConfigure) elif name=="TopWin": self.pack() tk.Label(self,text="FirstColTop",width=30).grid(row=0,column=0) tk.Label(self,text="SecndColTop",width=20).grid(row=0,column=1) def addrowTop(self,stuff,otherstuff): global toprow textfield = tk.Text(self,width=30,height=1) textfield.grid(row=toprow,column=0) textfield.insert(''0.0'',stuff) textfield = tk.Text(self,width=20,height=1) textfield.grid(row=toprow,column=1) textfield.insert(''0.0'',otherstuff) toprow+=1 def OnFrameConfigure(self, event): self.canvas.configure(scrollregion=self.frame.bbox("all")) def addrowBot(self,stuff,otherstuff): global botrow textfield = tk.Text(self,width=30,height=1) textfield.grid(row=botrow,column=0) textfield.insert(''0.0'',stuff) textfield = tk.Text(self,width=20,height=1) textfield.grid(row=botrow,column=1) textfield.insert(''0.0'',otherstuff) botrow+=1def SomeProg(): for i in range(20): if i%2==0: stuff = "Stuff is "+str(i) otherstuff=i*3 Wins[0].addrowTop(stuff,otherstuff) elif i%2==1: stuff = "Stuff is "+str(i) otherstuff=i*4 Wins[1].addrowBot(stuff,otherstuff)root = tk.Tk()root.title("Stuff")Wins = [ ProgramWindow("TopWin"),ProgramWindow("BotWin")]SomeProg()root.mainloop()
答案1
小编典典使布莱恩·奥克利的答案适应您的特定问题:
- 以画布为父创建框架
- 使用canvas作为参数
scrollregion
注意:在python中进行子类化时,您不需要存储parent的结果,__init__
因为它可以对self进行操作。
这是补丁:
def __init__(self,name): self.name = name- self.frame=tk.Frame.__init__(self,root) if name=="BotWin":+ self.canvas = tk.Canvas(root, borderwidth=0, background="#ffffff")+ tk.Frame.__init__(self,self.canvas) tk.Label(self,text="FirstColBot",width=30).grid(row=0,column=0) tk.Label(self,text="SecndColBot",width=20).grid(row=0,column=1)- self.canvas = tk.Canvas(root, borderwidth=0, background="#ffffff") self.vsb = tk.Scrollbar(root, orient="vertical", command=self.canvas.yview) self.canvas.configure(yscrollcommand=self.vsb.set) self.vsb.pack(side="right", fill="y") self.canvas.pack(side="left", fill="both", expand=True)- self.canvas.create_window((4,4), window=self.frame)+ self.canvas.create_window((4,4), window=self) self.bind("<Configure>", self.OnFrameConfigure) elif name=="TopWin":+ self.frame=tk.Frame.__init__(self,root) self.pack() tk.Label(self,text="FirstColTop",width=30).grid(row=0,column=0) tk.Label(self,text="SecndColTop",width=20).grid(row=0,column=1)@@ -41,7 +40,7 @@ toprow+=1 def OnFrameConfigure(self, event):- self.canvas.configure(scrollregion=self.frame.bbox("all"))+ self.canvas.configure(scrollregion=self.canvas.bbox("all")) def addrowBot(self,stuff,otherstuff): global botrow
Flex中怎么给表格中的滚动条定位
1、问题背景
如果表格中的字段过多,会出现滚动条,在将滚动条滚到一定的位置时,重新刷新表格,滚动条会回到原处,原来查看的字段还得继续滚动,才能查看到。
2、实现实例
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="initHandler(event)" width="100%" height="100%"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.controls.Alert; import mx.events.FlexEvent; [Bindable] //表格数据绑定 private var gridArray:ArrayCollection = new ArrayCollection([ {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909",Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"},{Jan:"5678",Dec1:"8656"} ]); /** * 初始化函数 */ protected function initHandler(event:FlexEvent):void { } /** * 刷新按钮函数 */ protected function refresh_clickHandler(event:MouseEvent):void { var hx:Object = hsb.left; var hy:Number = hsb.y; //var dx:Number = dataGrid.contentMouseX; //var dy:Number = dataGrid.contentMouseY; //Alert.show("hx:"+hx+"\n"+"hy: "+hy + "\n" + "dx: " + dx + "\n" + "dy: " + dy); Alert.show("hx:"+hx+"\n"+"hy: "+hy); } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:VBox width="100%" height="100%" paddingBottom="10" paddingLeft="10" paddingRight="20" paddingTop="10" horizontalAlign="center"> <mx:HBox width="100%" height="30"> <s:Label width="100%"/> <s:Button id="refresh" label="刷新" click="refresh_clickHandler(event)"/> </mx:HBox> <mx:DataGrid width="1350" height="90%" id="dataGrid" dataProvider="{gridArray}" horizontalScrollPolicy="on" textAlign="center"> <mx:columns> <mx:DataGridColumn headerText="2013年01月" datafield="Jan" width="200"/> <mx:DataGridColumn headerText="2013年02月" datafield="Feb" width="200"/> <mx:DataGridColumn headerText="2013年03月" datafield="Mar" width="200"/> <mx:DataGridColumn headerText="2013年04月" datafield="Apr" width="200"/> <mx:DataGridColumn headerText="2013年05月" datafield="May" width="200"/> <mx:DataGridColumn headerText="2013年06月" datafield="Jun" width="200"/> <mx:DataGridColumn headerText="2013年07月" datafield="Jul" width="200"/> <mx:DataGridColumn headerText="2013年08月" datafield="Aug" width="200"/> <mx:DataGridColumn headerText="2013年09月" datafield="Sep" width="200"/> <mx:DataGridColumn headerText="2013年10月" datafield="Oct" width="200"/> <mx:DataGridColumn headerText="2013年11月" datafield="Nov" width="200"/> <mx:DataGridColumn headerText="2013年12月" datafield="Dec" width="200"/> <mx:DataGridColumn headerText="2014年01月" datafield="Jan1" width="200"/> <mx:DataGridColumn headerText="2014年02月" datafield="Feb1" width="200"/> <mx:DataGridColumn headerText="2014年03月" datafield="Mar1" width="200"/> <mx:DataGridColumn headerText="2014年04月" datafield="Apr1" width="200"/> <mx:DataGridColumn headerText="2014年05月" datafield="May1" width="200"/> <mx:DataGridColumn headerText="2014年06月" datafield="Jun1" width="200"/> <mx:DataGridColumn headerText="2014年07月" datafield="Jul1" width="200"/> <mx:DataGridColumn headerText="2014年08月" datafield="Aug1" width="200"/> <mx:DataGridColumn headerText="2014年09月" datafield="Sep1" width="200"/> <mx:DataGridColumn headerText="2014年10月" datafield="Oct1" width="200"/> <mx:DataGridColumn headerText="2014年11月" datafield="Nov1" width="200"/> <mx:DataGridColumn headerText="2014年12月" datafield="Dec1" width="200"/> </mx:columns> </mx:DataGrid> <!-- <s:HScrollBar id="hsb" width="100%" viewport="{dataGrid}"/> --> <s:HScrollBar id="hsb" width="100%"/> </mx:VBox> </s:Application>
3、实现结果
Python GUI 编程 (Tkinter) 带滚动条的 Text
import tkinter
#创建主窗口
win = tkinter.Tk()
#设置标题
win.title("sunck")
#设置大小和位置
#win.geometry("400x400+200+20")
''''''
文本控件,用于显示多行文本
''''''
#创建滚动条
scroll = tkinter.Scrollbar()
text = tkinter.Text(win, width=50, height=8)
#side放到窗体的那一侧 fill填充
scroll.pack(side=tkinter.RIGHT, fill=tkinter.Y)
text.pack(side=tkinter.LEFT, fill=tkinter.Y)
#关联
scroll.config(command=text.yview)
text.config(yscrollcommand=scroll.set)
str = ''''''If there is anyone out there who still doubts that America is a place where all things are possible, who still wonders if the dream of our founders is alive in our time, who still questions the power of our democracy, tonight is your answerIt’s the answer told by lines that stretched around schools and churches in numbers this nation has never seen, by people who waited three hours and four hours, many for the first time in their lives, because they believed that this time must be different, that their voices could be that difference.''''''
text.insert(tkinter.INSERT, str)
win.mainloop()
python-tkinter-用矩形制成的网格中的矩形着色问题
我正在尝试在python中编写寻路算法.用户应该通过将鼠标悬停在字段上并按s来选择起点.现在,该字段应更改颜色.
但是,我无法弄清楚我的代码出了什么问题.我只能为左上角到右下角的字段上色.在代码中,我在控制台中打印出了objectID,这表明我创建矩形的方式可能存在问题.
我在Window类的draw_grid方法中创建矩形,并在select_start_node方法中为字段着色.
import tkinter as tk
class Window:
def __init__(self):
self.height = 600
self.width = 600
self.grid_list = {x for x in range(0,600)}
self.grid = []
self.grid_dict = {}
self.root = tk.Tk()
self.root.geometry("600x600")
self.root.resizable(False,False)
self.canvas = tk.Canvas(self.root,width=self.width,height=self.height,background="white")
self.canvas.bind("s",self.select_start_node)
self.canvas.bind("<1>",lambda event:
self.canvas.focus_set())
def draw_grid(self):
print(self.grid)
for x in self.grid_list:
if x % 30 == 0:
self.grid.append(x)
else:
pass
print(self.grid)
for x in self.grid:
for y in self.grid:
print(x,y+30)
rec = self.canvas.create_rectangle(x,x,y+30,y+30)
self.canvas.pack()
def select_start_node(self,event):
print(event.x,event.y)
x = self.canvas.canvasx(event.x)
y = self.canvas.canvasy(event.y)
item = self.canvas.find_closest(x,y)
p = self.canvas.coords(item)
print(item)
print(p)
self.canvas.create_rectangle(p[0],p[0],p[0]+30,fill="red")
def main():
node_list = []
cord_list = []
window = Window()
window.draw_grid()
window.root.mainloop()
if __name__ == "__main__":
main()
因此,我也对其进行了更改,因此您只需单击一个矩形即可对其进行更改,而无需移动鼠标光标然后按任意键.
还要注意,我也摆脱了大部分在各处使用的硬编码数字常量,这使代码更加灵活,以防您以后决定更改其中一个.
import tkinter as tk
class Window:
def __init__(self):
self.cell_size = 30
self.height = 600
self.width = 600
self.hz_cells = self.width // self.cell_size # Number of horizontal cells.
self.vt_cells = self.height // self.cell_size # Number of vertical cells.
# Preallocate 2D grid (list-of-lists).
self.grid = [[None for _ in range(self.hz_cells)]
for _ in range(self.vt_cells)]
self.root = tk.Tk()
self.root.geometry("%sx%s" % (self.width,self.height))
self.root.resizable(False,background="white")
self.canvas.pack()
self.canvas.bind("<1>",self.select_start_node)
# You can still do it this way if you want.
# self.canvas.bind("s",self.select_start_node)
# self.canvas.bind("<1>",lambda event: self.canvas.focus_set())
def draw_grid(self):
""" Fill Canvas with a grid of white rectangles. """
for i in range(self.hz_cells):
x = i * self.cell_size
for j in range(self.vt_cells):
y = j * self.cell_size
self.grid[i][j] = self.canvas.create_rectangle(
x,y,x+self.cell_size,y+self.cell_size,fill="white")
def select_start_node(self,event):
""" Change the color of the rectangle closest to x,y of event. """
x = self.canvas.canvasx(event.x)
y = self.canvas.canvasy(event.y)
selected_rect = self.canvas.find_closest(x,y)
if selected_rect:
self.canvas.itemconfigure(selected_rect,fill="red") # Change color.
def main():
node_list = []
cord_list = []
window = Window()
window.draw_grid()
window.root.mainloop()
if __name__ == "__main__":
main()
Python-Tkinter中的树状视图滚动条
在图形用户界面(GUI)中处理层次数据时,通常需要以结构化和有组织的方式显示数据。Python-Tkinter中的Treeview小部件提供了一种以用户友好的方式呈现层次数据的强大解决方案。然而,随着Treeview中项目的数量增加,包含滚动条以确保平滑的导航和可用性变得至关重要。
首先,请确保您的系统上安装了Python和Tkinter。推荐使用Python 3以提高兼容性和功能。如果您没有安装Tkinter,可以使用Python软件包管理器pip轻松安装它。打开您的终端或命令提示符,并运行以下命令 −
pip install tk
安装了Tkinter后,您将可以访问用于构建Treeview小部件和添加滚动条所需的强大GUI工具包。
创建一个树形视图
首先,我们将创建一个基本的Treeview小部件。打开您喜欢的文本编辑器或集成开发环境(IDE),创建一个新的Python文件。我们将从导入必要的模块开始 -
立即学习“Python免费学习笔记(深入)”;
import tkinter as tk from tkinter import ttk
The tkinter module provides the foundation for building GUI applications in Python, and the ttk module contains the themed widgets, including the Treeview widget.
接下来,让我们创建一个Tkinter根窗口和一个Treeview小部件。将以下代码添加到您的Python文件中−
root = tk.Tk() # Create a Treeview widget tree = ttk.Treeview(root) tree.pack()
在这里,我们使用tk.Tk()创建一个根窗口,它作为我们应用程序的主窗口。然后,我们创建了ttk.Treeview类的一个树对象,它代表我们的Treeview小部件。最后,我们使用pack方法在根窗口中显示Treeview小部件。
添加滚动条
要为我们的Treeview添加滚动条,我们将使用Tkinter提供的ttk.Scrollbar小部件。当Treeview中的项目超过可用空间时,滚动条将实现平滑的垂直滚动。
创建TreeView小部件后,添加以下代码来创建滚动条并配置TreeView以使用它 −
# Create a Scrollbar scrollbar = ttk.Scrollbar(root, orient="vertical", command=tree.yview) # Configure the Treeview to use the scrollbar tree.configure(yscrollcommand=scrollbar.set) # Place the scrollbar on the right side of the Treeview scrollbar.pack(side="right", fill="y")
Here, we create a scrollbar object of the ttk.Scrollbar class, specifying the orientation as "vertical" using the orient parameter. The command parameter is set to tree.yview, which associates the scrollbar with the vertical scrolling of the Treeview.
接下来,我们配置Treeview使用滚动条的set方法作为其yscrollcommand选项。这样可以确保滚动条控制Treeview的垂直滚动。
最后,我们使用pack方法将滚动条放置在Treeview小部件的右侧,使用fill="y"选项使其填充整个Treeview的高度。
通过这些添加,如果现在运行Python文件,你将会看到Treeview小部件在右侧伴随着一个垂直滚动条。当需要时,滚动条将允许浏览Treeview的内容。
填充树形视图
现在我们已经设置好了TreeView和滚动条,让我们用一些示例数据填充TreeView。这样我们就可以观察滚动条在处理大量项目时的行为。
要向Treeview添加列和项目,请按照以下方式修改您的Python文件 −
# Add columns to the Treeview tree["columns"] = ("Name", "Age") # Define column headings tree.heading("#0", text="ID") tree.heading("Name", text="Name") tree.heading("Age", text="Age") # Add items to the Treeview tree.insert("", "end", text="1", values=("John Doe", "30")) tree.insert("", "end", text="2", values=("Jane Smith", "25")) tree.insert("", "end", text="3", values=("Mike Johnson", "35"))
在这里,我们通过将columns属性设置为包含列名的元组:"Name"和"Age",向Treeview添加了两列。#0列代表默认的第一列,我们将用于显示ID。我们使用heading方法相应地设置列标题。
接下来,我们使用insert方法将项目插入到Treeview中。每个项目由唯一的ID表示,并且对应的列有相应的值。在这个例子中,我们插入了三个项目,它们的ID分别是1、2和3,它们分别对应的是姓名和年龄。
样式化滚动条
虽然基本的滚动条功能是必不可少的,但你可能也想要自定义它的外观,以匹配你的应用程序的整体主题。Tkinter提供了使用ttk.Style类来修改滚动条样式的选项。让我们来探索一下如何样式化滚动条,以实现更协调的外观。
首先,导入ttk模块并创建ttk.Style类的一个实例 −
from tkinter import ttk # Create a Style object style = ttk.Style()
接下来,我们可以配置滚动条的样式。在这个例子中,我们将改变滚动条的背景颜色、手柄颜色和厚度。在创建样式对象后添加以下代码 −
# Configure the style for the scrollbar style.configure("Treeview.Scrollbar", background="gray", troughcolor="light gray", gripcount=0, gripcolor="white", gripinset=2, gripborderwidth=0, thickness=10)
在这里,我们使用ttk.Style类的configure方法来自定义滚动条的外观。"Treeview.Scrollbar"字符串是指我们要修改的特定样式元素。
在这个例子中,我们将滚动条的背景颜色设置为灰色,槽的颜色设置为浅灰色,手柄的颜色设置为白色。gripcount选项设置为0以隐藏手柄,并使用gripinset和gripborderwidth选项调整手柄的外观。最后,我们将滚动条的厚度设置为10像素。
将自定义样式应用于滚动条,将其与 Treeview 小部件关联。将滚动条创建代码修改如下 −
# Create a Scrollbar with the customized style scrollbar = ttk.Scrollbar(root, orient="vertical", command=tree.yview,)
通过将style参数指定为"Treeview.Scrollbar",滚动条将使用之前定义的自定义样式。
保存Python文件并运行它。现在你应该在Treeview中看到带有更新样式的滚动条。
测试滚动条
保存Python文件并运行。您应该会看到一个带有Treeview小部件和垂直滚动条的窗口。尝试调整窗口大小或向Treeview添加更多项目,以查看滚动条的效果。
结论
在这里,我们探讨了如何在Python-Tkinter中为Treeview小部件添加滚动条。我们首先创建了一个基本的Treeview,然后添加了一个垂直滚动条,以实现对Treeview内容的平滑滚动。我们还介绍了如何样式化滚动条,以使其与应用程序的整体主题相匹配。此外,我们还学习了如何处理滚动条事件,使我们能够对用户交互作出特定的响应。通过按照这些步骤,您可以通过添加可滚动的Treeview来增强您的Python-Tkinter应用程序,为导航分层数据提供高效和用户友好的方式。
以上就是Python-Tkinter中的树状视图滚动条的详细内容,更多请关注php中文网其它相关文章!
今天关于Tkinter网格中的滚动条和tkinter 滚动条的分享就到这里,希望大家有所收获,若想了解更多关于Flex中怎么给表格中的滚动条定位、Python GUI 编程 (Tkinter) 带滚动条的 Text、python-tkinter-用矩形制成的网格中的矩形着色问题、Python-Tkinter中的树状视图滚动条等相关知识,可以在本站进行查询。
本文标签: