Tkinter 组件详解（十三）：Menu

梦里梦外; 2022-04-02 15:35 371阅读 0赞

Menu（菜单）组件用于实现顶级菜单、下拉菜单和弹出菜单。

**何时使用 Menu 组件？**

Menu 组件通常被用于实现应用程序上的各种菜单，由于该组件是底层代码实现，所以不建议你自行通过按钮和其他组件来实现菜单功能。

**用法**

创建一个顶级菜单，你需要先创建一个菜单实例，然后使用 add() 方法将命令和其它子菜单添加进去：

import tkinter as tk
    
    root = tk.Tk()
    
    def callback():
            print("~被调用啦~")
    
    #创建一个顶级菜单
    menubar = tk.Menu(root)
    menubar.add_command(label = "Hello", command = callback)
    menubar.add_command(label = "Quit", command = root.quit)
    
    #显示菜单
    root.config(menu = menubar)
    
    root.mainloop()

![20181227102811728.png][]

创建一个下拉菜单（或者其他子菜单），方法也是大同小异，最主要的区别是它们最后需要添加到主菜单上（而不是窗口上）：

import tkinter as tk
    
    root = tk.Tk()
    
    def callback():
        print("~被调用了~")
    
    # 创建一个顶级菜单
    menubar = tk.Menu(root)
    
    # 创建一个下拉菜单“文件”，然后将它添加到顶级菜单中
    filemenu = tk.Menu(menubar, tearoff=False)
    filemenu.add_command(label="打开", command=callback)
    filemenu.add_command(label="保存", command=callback)
    filemenu.add_separator()
    filemenu.add_command(label="退出", command=root.quit)
    menubar.add_cascade(label="文件", menu=filemenu)
    
    # 创建另一个下拉菜单“编辑”，然后将它添加到顶级菜单中
    editmenu = tk.Menu(menubar, tearoff=False)
    editmenu.add_command(label="剪切", command=callback)
    editmenu.add_command(label="拷贝", command=callback)
    editmenu.add_command(label="粘贴", command=callback)
    menubar.add_cascade(label="编辑", menu=editmenu)
    
    # 显示菜单
    root.config(menu=menubar)
    
    root.mainloop()

![20181227103037625.png][]

创建一个弹出菜单方法也是一致的，不过需要使用 post() 方法明确的将其显示出来：

import tkinter as tk
    
    root = tk.Tk()
    
    def callback():
        print("~被调用了~")
    
    # 创建一个弹出菜单
    menu = tk.Menu(root, tearoff=False)
    menu.add_command(label="撤销", command=callback)
    menu.add_command(label="重做", command=callback)
    
    frame = tk.Frame(root, width=512, height=512)
    frame.pack()
    
    def popup(event):
        menu.post(event.x_root, event.y_root)
    
    # 绑定鼠标右键
    frame.bind("<Button-3>", popup)
    
    root.mainloop()

**参数**

**Menu(master=None, \*\*options)** (class)

master -- 父组件

\*\*options -- 组件选项，下方表格详细列举了各个选项的具体含义和用法：

<table> 
 <tbody> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;"><strong>选项</strong></td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;"><strong>含义</strong></td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">activebackground</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置当 Menu 处于 "active" 状态（通过 state 选项设置状态）的背景色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">activeborderwidth</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置当 Menu 处于 "active" 状态（通过 state 选项设置状态）的边框宽度</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">activeforeground</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置当 Menu 处于 "active" 状态（通过 state 选项设置状态）的前景色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">background</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置背景颜色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">bg</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">跟 background 一样</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">borderwidth</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定边框宽度</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">bd</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">跟 borderwidth 一样</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">cursor</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定当鼠标在 Menu 上飘过的时候的鼠标样式</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">disabledforeground</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定当 Menu 处于 "disabled" 状态的时候的前景色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">font</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定 Menu 中文本的字体</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">foreground</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置 Menu 的前景色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">fg</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">跟 foreground 一样</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">postcommand</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">将此选项与一个方法相关联，当菜单被打开的时候该方法将自动被调用</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">relief</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 指定边框样式<br> 2. 默认值是 "flat"<br> 3. 另外你还可以设置 "sunken"，"raised"，"groove" 或 "ridge"</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">selectcolor</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定当菜单项显示为单选按钮或多选按钮时选择中标志的颜色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">tearoff</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 默认情况下菜单可以被“撕下”（点击 IDLE 菜单上边的 --------- 试试）<br> 2. 将该选项设置为 Flase 关闭这一特性</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">tearoffcommand</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">如果你希望当用户“撕下”你的菜单时通知你的程序，那么你可以将该选项与一个方法相关联，那么当用户“撕下”你的菜单时，Tkinter 会带着两个参数去调用你的方法（一个参数是当前窗口的 ID，另一个参数是承载被“撕下”的菜单的窗口 ID）</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">title</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">默认情况下，被“撕下”的菜单标题是其主菜单的名字，不过你也可以通过修改此项的值来修改标题</td> 
  </tr> 
 </tbody> 
</table>

**方法**

**add(type, \*\*options)**  
\-- type 参数指定添加的菜单类型，可以是："command"，"cascade"，"checkbutton"，"radiobutton" 或 "separator"  
\-- 还可以通过 options 选项设置菜单的属性，下表列举了 options 可以使用的选项和具体含义：

<table> 
 <tbody> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;"><strong>选项</strong></td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;"><strong>含义</strong></td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">accelerator</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 显示该菜单项的加速键（快捷键）<br> 2. 例如 accelerator = "Ctrl+N"<br> 3. 该选项仅显示，并没有实现加速键的功能（通过按键绑定实现）</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">activebackground</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置当该菜单项处于 "active" 状态（通过 state 选项设置状态）的背景色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">activeforeground</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置当该菜单项处于 "active" 状态（通过 state 选项设置状态）的前景色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">background</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置该菜单项的背景颜色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">bitmap</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定显示到该菜单项上的位图</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">columnbreak</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">从该菜单项开始另起一列显示</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">command</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">将该选项与一个方法相关联，当用户点击该菜单项时将自动调用此方法</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">compound</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 控制菜单项中文本和图像的混合模式<br> 2. 如果该选项设置为 "center"，文本显示在图像上（文本重叠图像）<br> 3. 如果该选项设置为 "bottom"，"left"，"right" 或 "top"，那么图像显示在文本的旁边（如 "bottom"，则图像在文本的下方</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">font</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定文本的字体</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">foreground</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">设置前景色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">hidemargin</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">是否显示菜单项旁边的空白</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">image</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 指定菜单项显示的图片<br> 2. 该值应该是 PhotoImage，BitmapImage，或者能兼容的对象</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">label</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定菜单项显示的文本</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">menu</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 该选项仅在 cascade 类型的菜单中使用<br> 2. 用于指定它的下级菜单</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">offvalue</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 默认情况下，variable 选项设置为 1 表示选中状态，反之设置为 0<br> 2. 设置 offvalue 的值可以自定义未选中状态的值</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">onvalue</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 默认情况下，variable 选项设置为 1 表示选中状态，反之设置为 0<br> 2. 设置 onvalue 的值可以自定义选中状态的值</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">selectcolor</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">指定当菜单项显示为单选按钮或多选按钮时选择中标志的颜色</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">selectimage</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">如果你在单选按钮或多选按钮菜单中使用图片代替文本，那么设置该选项指定被菜单项被选中时显示的图片</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">state</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 跟 text 选项一起使用，用于指定哪一个字符画下划线（例如用于表示键盘快捷键）</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">underline</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 用于指定在该菜单项的某一个字符处画下划线<br> 2. 例如设置为 1，则说明在该菜单项的第 2 个字符处画下划线</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">value</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 当菜单项为单选按钮时，用于标志该按钮的值<br> 2. 在同一组中的所有按钮应该拥有各不相同的值<br> 3. 通过将该值与 variable 选项的值对比，即可判断用户选中了哪个按钮<br> 4. 如在使用上有不懂具体可以参照&nbsp;<a href="https://blog.csdn.net/qq_41556318/article/details/85108309" rel="nofollow">Radiobutton</a>&nbsp;组件的说明</td> 
  </tr> 
  <tr> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">variable</td> 
   <td style="background-color:#ffffff;border-color:#e3edf5;">1. 当菜单项是单选按钮或多选按钮时，与之关联的变量<br> 2. 如在使用上有不懂具体可以参照：<a href="https://blog.csdn.net/qq_41556318/article/details/85108303" rel="nofollow">Checkbutton</a>&nbsp;和&nbsp;<a href="https://blog.csdn.net/qq_41556318/article/details/85108309" rel="nofollow">Radiobutton</a>&nbsp;组件的说明</td> 
  </tr> 
 </tbody> 
</table>

**add\_cascade(\*\*options)**  
\-- 添加一个父菜单  
\-- 相当于 add("cascade", \*\*options)  
  
**add\_checkbutton(\*\*options)**  
\-- 添加一个多选按钮的菜单项  
\-- 相当于 add("checkbutton", \*\*options)  
  
**add\_command(\*\*options)**  
\-- 添加一个普通的命令菜单项  
\-- 相当于 add("command", \*\*options)  
  
**add\_radiobutton(\*\*options)**  
\-- 添加一个单选按钮的菜单项  
\-- 相当于 add("radiobutton", \*\*options)  
  
**add\_separator(\*\*options)**  
\-- 添加一条分割线  
\-- 相当于 add("separator", \*\*options)  
  
**delete(index1, index2=None)**  
\-- 删除 index1 ~ index2（包含）的所有菜单项  
\-- 如果忽略 index2 参数，则删除 index1 指向的菜单项  
\-- 注意：对于一个被“撕下”的菜单，你无法使用该方法  
  
**entrycget(index, option)**  
\-- 获得指定菜单项的某选项的值  
  
**entryconfig(index, \*\*options)**  
\-- 设置指定菜单项的选项  
\-- 选项的参数及具体含义请参考上方 add() 方法  
  
**entryconfigure(index, \*\*options)**  
\-- 跟 entryconfig() 一样  
  
**index(index)**  
\-- 返回与 index 参数相应的选项的序号（例如 e.index("end")）  
  
**insert(index, itemType, \*\*options)**  
\-- 插入指定类型的菜单项到 index 参数指定的位置  
\-- itemType 参数指定添加的菜单类型，可以是："command"，"cascade"，"checkbutton"，"radiobutton" 或 "separator"  
\-- 选项的参数及具体含义请参考上方 add() 方法  
  
**insert\_cascade(index, \*\*options)**  
\-- 在 index 参数指定的位置添加一个父菜单  
\-- 相当于 insert("cascade", \*\*options)  
  
**insert\_checkbutton(index, \*\*options)**  
\-- 在 index 参数指定的位置添加一个多选按钮  
\-- 相当于 insert("checkbutton", \*\*options)  
  
**insert\_command(index, \*\*options)**  
\-- 在 index 参数指定的位置添加一个普通的命令菜单项  
\-- 相当于 insert("command", \*\*options)  
  
**insert\_radiobutton(index, \*\*options)**  
\-- 在 index 参数指定的位置添加一个单选按钮  
\-- 相当于 insert("radiobutton", \*\*options)  
  
**insert\_separator(index, \*\*options)**  
\-- 在 index 参数指定的位置添加一条分割线  
\-- 相当于 insert("separator", \*\*options)  
  
**invoke(index)**  
\-- 调用 index 指定的菜单项相关联的方法  
\-- 如果是单选按钮，设置该菜单项为选中状态  
\-- 如果是多选按钮，切换该菜单项的选中状态  
  
**post(x, y)**  
\-- 在指定的位置显示弹出菜单  
\-- 参考上方【用法】中的创建弹窗菜单的例子  
  
**type(index)**  
\-- 获得 index 参数指定菜单项的类型  
\-- 返回值可以是："command"，"cascade"，"checkbutton"，"radiobutton" 或 "separator"  
  
**unpost()**  
\-- 移除弹出菜单  
  
**yposition(index)**  
\-- 返回 index 参数指定的菜单项的垂直偏移位置  
\-- 该方法的目的是为了让你精确放置相对于当前鼠标的位置弹出菜单

[20181227102811728.png]: /images/20220402/38c0de948eff42c1ae6fda1a6fb004c8.png
[20181227103037625.png]: /images/20220402/a5ce822521624d7a93492763a378add7.png