用Tkinter打造GUI开发工具（10）Tkinter的Frame框架部件

Frame框架部件是Tkinter的容器部件，负责安排其它部件的位置，Frame组件采用在屏幕上的矩形区域组织布局，并提供其它部件的填充，也包括Frame框架部件本身，一个框架也可以用来作为一个基础类，以实现复杂的构件。

窗口画面布局过程：

首先建立布局，即主窗口布局。用不同颜色和大小的Frame类进行填充，调整位置直到自己满意。

然后设计不同功能的子窗口，子窗口就是Frame类，各种小部件，例如Label，Button等，放在其中，调整好容器大小和位置。

最后将需要的Frame类显示到主窗口中。根据需要可以程序控制不同功能的Frame类显示或隐藏到对应的主窗口布局中。

Frame语法格式：

frame = tk.Frame ( master, option, … )

参数master 这代表了父窗口。options是这个部件的属性选项列表。



我们看一个简单 Frame的例子，这个例子主要看borderwidth 和relief的效果。
# -*- coding: utf-8 -*-
import tkinter as tk  #装载tkinter模块,用于Python3

root=tk.Tk()  #创建Tkinter主窗口
root.title("Frame演示")
labels=[]  #标签列表
reliefs=[tk.FLAT,tk.SUNKEN,tk.RAISED,tk.GROOVE,tk.RIDGE]
i=0
for color in ['blue','yellow','red','purple','pink']:
    f = tk.Frame(root,  borderwidth=1,bg=color,relief=reliefs[i],bd=20,width=100,height=100,container=True)
    f.pack(side=tk.LEFT)
    i+=1

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

程序运行结果出现下图。



Frame框架部件，通常用来布局规划。我们想把一个框架分成上下2个子框架，就可以使用Frame框架部件的嵌套来实现。我们在HP_tk2.py中设计了一个View类，kind参数可选“口”，“日”，“目”，orient参数决定垂直或水平方向。

新View的属性：

1）View.m 表示划分了几个窗口，如果kind=‘目’， View.m=3。

2）访问这些窗口用。

a. 因为m=3，窗口有 View.v1 ，View.v2，View.v3。

b. 因为m=3，窗口有 View.v[0] ，View.v[1]，View.v[2]。

c.  kind=‘目’，因此窗口有View.top ，View.center，View.bottom。

3）View窗口可以嵌套，每个子窗口都能做其它View窗口的上级master的入口。即View容器无限嵌套。用户要记住每层的窗口名字，通过名字来访问。

每个子窗都是容器，因此也可以通过类BackPicture，来放置一张图片。
下面给出示例程序。
# -*- coding: utf-8 -*-
import tkinter as tk  #装载tkinter模块,用于Python3
from HP_tk2 import *  #荷蒲tkinter增强模块
root=tk.Tk()  #创建Tkinter主窗口
root.title("View演示，kind=目，orient=tk.VERTICAL")
width=500  #把窗口宽度(单位:像素)500赋值给变量width
height=200  #把窗口高度(单位:像素)200赋值给变量height
x,y=150,250  #给屏幕坐标(x,y)赋值(150,250)
root.geometry('{}x{}+{}+{}'.format(width,height, x, y))  #改变窗口位置和大小

v=View(root,bg='red',kind='目',orient=tk.VERTICAL)  #把主窗划分为3 
v.v1['bg']='blue'
v.v2['bg']='yellow'
v.v3['bg']='green'

v2=View(v.left,bg='green',kind='日')  #在子窗1划分
v3=View(v.center,bg='red',kind='目')  #在子窗2划分
v4=View(v.right,bg='blue',kind='目',orient=tk.VERTICAL)  #在子窗3划分
v4.right['bg']='yellow'  #把最右面窗口底色改为黄色

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

程序运行结果.



使用Frame框架部件更容易规划窗口布局.
最近又继续深化学习Tkinter技术,又实现了2个小功能.距离可视化设计又进了一步.
１．移动Tkinter控件操作．


２．调整tkinter控件的大小．

import Tkinter,time
class MyFrame(Tkinter.Frame):
    def __init__(self):
        Tkinter.Frame.__init__(self)
        self.grid()
        self.canvas = Tkinter.Canvas(self, bg='black',width=self.winfo_screenwidth(),height=self.winfo_screenheight())
        self.canvas.pack()
        self.top = self.winfo_toplevel()
        
#       self.top.update_idletasks()
        self.top.overrideredirect(True)
        
        self.exitButton=Tkinter.Button(self,text='Exit',command=self.doExit)
        self.exitButton.pack()
        self.Label1=Tkinter.Label(self,text='Hello')
        self.Label1.pack()
        self.exitButton.config()
#       self.pack(fill='both')
        self.trickit(5)
        app.mainloop()
    def doExit(self):
        
        pather=self.winfo_parent()
        pather.quit()
        self.quit()
    def trickit(self,num):
        for j in range(num,0,-1):
            self.Label1["text"]=j
            self.update()
            time.sleep(1)
        self.doExit()

还没完工，倒计时没显示出来
 
改进版的：

import Tkinter,sys,time
class BeBig():
    root=Tkinter.Tk()
    Label1=Tkinter.Label(root,text=time.strftime('%Y-%m-%d %H:%M:%S',time.localtime(time.time())))
    def beBig(self):
        
        self.root.minsize(self.root.winfo_screenwidth(), self.root.winfo_screenheight())
        #self.root.geometry('300x200-100-100')
        self.root.config(bg='black')
        self.Label1.pack()
        topTitle=self.root.winfo_toplevel()
        topTitle.overrideredirect(True)
        self.trickit(5)
        self.root.mainloop()
    def trickit(self,num):
        for j in range(num,0,-1):
            self.Label1["text"]=j
            self.root.update()
            time.sleep(1)
            
        self.root.destroy()
beBig=BeBig()
beBig.beBig()

 

问题背景：当界面需要显示的内容较多时，需要用到滚动条Scrollbar，官方文档说Scrollbar只能与以下控件（canvas, entry, listbox, text）相结合。但是，如果我想让Scrollbar和frame相结合呢？

解决办法是：把frame放在canvas里面（比如填满整个canvas），canvas与scrollbar结合，这样滚动canvas就等于滚动frame了。

举个栗子

canvas=Canvas(root,width=200,height=180,scrollregion=(0,0,520,520)) #创建canvas
canvas.place(x = 75, y = 265) #放置canvas的位置
frame=Frame(canvas) #把frame放在canvas里
frame.place(width=180, height=180) #frame的长宽，和canvas差不多的
vbar=Scrollbar(canvas,orient=VERTICAL) #竖直滚动条
vbar.place(x = 180,width=20,height=180)
vbar.configure(command=canvas.yview)
hbar=Scrollbar(canvas,orient=HORIZONTAL)#水平滚动条
hbar.place(x =0,y=165,width=180,height=20)
hbar.configure(command=canvas.xview)
canvas.config(xscrollcommand=hbar.set,yscrollcommand=vbar.set) #设置  
canvas.create_window((90,240), window=frame)  #create_window

当然，如果是纯文本的滚动，可以选择scrolltext组件，它的函数和text一样，可以参考一下这个链接 https://www.jianshu.com/p/abea88607525

tkinter的Frame即容器，在容器内部好像不能再嵌套一个Frame。
转载于:https://www.cnblogs.com/jums/p/10695317.html