保姆级别指导给UI应用添加菜单【实战分享】

简介: 正式的Python专栏第16篇,同学站住,别错过这个从0开始的文章!

之前学委分享了renxianqi(人贤齐)aka 万能清点小工具

这次给大家分享下如何在Tkinter开发的UI应用中 添加菜单项目,并对菜单绑定操作

还没有安装的朋友打开终端或者cmd(命令行), 可以运行下面的命令安装用起来吧。

pip install renxianqi
#或者下面这个:
pip install qingdian

本文要制作的菜单如下:

image.png

第一步 添加菜单到根部

这里实用的是Tkinter库,我们需要导入这个库,然后实用Menu类,并添加到Tk根对象。

下面看一点点代码:

root = Tk()
menubar = Menu(root) #并添加到Tk根对象
about_menu = Menu(menubar) #创建并将关于菜单项 添加到菜单栏
setting_menu = Menu(menubar)  #创建并将配置菜单项 添加到菜单栏

这里有4个对象,它们直接一一联结:

root <-- menubar <-- about_menu

root <-- menubar <-- setting_menu

就这么简单,创建了两个一级菜单, 下面是创建菜单部分的代码,包含了指定菜单名称(通过label设置)

from tkinter import *
def app_start():
    root = Tk()
    menubar = Menu(root)
    about_menu = Menu(menubar)
    setting_menu = Menu(menubar)
    # 一级菜单
    menubar.add_cascade(label="使用介绍", menu=about_menu)
    menubar.add_cascade(label="更多配置", menu=setting_menu)
    root.config(menu=menubar)

第二步 创建二级菜单

二级菜单,我们绑定了 一些函数。

从简入难,下面摘取3个添加二级菜单的代码。

添加二级菜单通过menu对象的add_command函数来实现, 其中:

label: 为菜单名称

command: 为绑定事件函数(点击菜单后触发)

about_menu.add_command(label='版权信息', command=show_copyright)
about_menu.add_command(label='操作说明', command=show_about)
setting_menu.add_command(label='创建桌面快捷方式', command=make_shortcut)

直接看下面是更完整的代码:

from tkinter import *
def app_start():
    root = Tk()
    menubar = Menu(root)
    about_menu = Menu(menubar)
    setting_menu = Menu(menubar)
    about_menu.add_command(label='版权信息', command=show_copyright)
    about_menu.add_command(label='操作说明', command=show_about)
    setting_menu.add_command(label='创建桌面快捷方式', command=make_shortcut)
    setting_menu.add_command(label='数据文件信息', command=show_datafiles)
    menubar.add_cascade(label="使用介绍", menu=about_menu)
    menubar.add_cascade(label="更多配置", menu=setting_menu)
    root.config(menu=menubar)
    leixuewei_ui = LXW_NAME_LISTING_GUI(root)
    leixuewei_ui.setup_root_win()

第三步实现菜单事件

比如我们要实现点击【版权信息】弹出下面提示框应该怎么做?

image.png

弹出信息面板如下:

image.png

我们已经在第二步定义二级菜单,并绑定了show_copyright事件函数了。

这里只需要实现弹出窗口即可,也就是下面的messagebox模块

import tkinter.messagebox as mb

这样版权弹出窗口可以这样写:

def show_copyright():
    message = """
工具采用Apache License,请放心免费使用!
开发者:雷学委
作者网站:https://blog.csdn.net/geeklevin
社区信息:https://py4ever.gitee.io/
欢迎关注公众号【雷学委】,加入Python开发者阵营!
    """
    #调用messagebox的showinfo函数展示提示信息
    mb.showinfo("[人贤齐-万能清点工具]", message)

读者可以复用并修改为自己应用的提示。

支持整个UI应用的菜单开发涉及的技术点全部涵盖了。

下面是完整可执行代码:

# -*- coding: utf-8 -*-
# @Time : 2021/8/29 10:30 上午
# @Author : LeiXueWei
# @CSDN/Zhihu: 雷学委
# @XueWeiTag: CodingDemo
# @File : name_checker.py
# @Project : renxianqi
from tkinter import *
import tkinter.messagebox as mb
TITLE = '[人贤齐]万能清点工具'
BG_COLOR = 'skyblue'
LOG_LINE_NUM = 0
SHOW_DEBUG = True
def show_copyright():
    message = """
工具采用Apache License,请放心免费使用!
开发者:雷学委
作者网站:https://blog.csdn.net/geeklevin
社区信息:https://py4ever.gitee.io/
欢迎关注公众号【雷学委】,加入Python开发者阵营!
    """
    mb.showinfo("[人贤齐-万能清点工具]", message)
def show_about():
    pass
def show_datafiles():
    pass
def make_shortcut():
    pass
class LXW_NAME_LISTING_GUI():
    def __init__(self, root):
        self.root = root
        self.log_line_no = 0
    def setup_root_win(self):
        # 窗口标题,大小,颜色设置。
        self.root.title(TITLE)
        self.root.geometry('604x600')
        self.root.configure(bg=BG_COLOR)
        self.root.resizable(0, 0)  # 阻止Python GUI的大小调整
        # 组件标签
        self.data_label = Label(self.root, background="tomato", text="预期全部人员")
        self.banner_label = Label(self.root, width=2, height=25, background="black", text="")
        self.result_label = Label(self.root, background="tomato", text="实际出席人数")
        # 处理数据按钮
        self.process_btn = Button(self.root, text="开始校验", fg="red", width=10,
                                  command=self.compare_data)
        # 处理数据按钮
        self.reset_btn = Button(self.root, text="清空重置", fg="red", width=10,
                                command=self.clear_data)
        self.log_label = Label(self.root, width=10, background="tomato", text="缺席人员")
        # 文本展示框
        self.all_member_text = Text(self.root, width=40, height=25)
        self.attended_text = Text(self.root, width=40, height=25)
        self.log_text = Text(self.root, width=85, height=9)
        # 布局
        self.data_label.grid(row=0, column=0, sticky=W + E + N + S)
        self.banner_label.grid(row=0, column=1, rowspan=2, sticky=N + S)
        self.result_label.grid(row=0, column=2, sticky=W + E + N + S)
        self.all_member_text.grid(row=1, column=0, sticky=N + S)
        self.attended_text.grid(row=1, column=2, sticky=N + S)
        self.process_btn.grid(row=2, column=0, sticky=W + E)
        self.reset_btn.grid(row=2, column=2, sticky=W + E)
        self.log_label.grid(row=3, column=0, columnspan=3, sticky=W + E)
        self.log_text.grid(row=4, column=0, columnspan=3, sticky=W + E)
        self.preload()
    def preload(self):
        pass
    def clear_data(self):
        pass
    def compare_data(self):
        pass
    def log_on_text(self, message):
        pass
def app_start():
    root = Tk()
    menubar = Menu(root)
    about_menu = Menu(menubar)
    setting_menu = Menu(menubar)
    about_menu.add_command(label='版权信息', command=show_copyright)
    about_menu.add_command(label='操作说明', command=show_about)
    setting_menu.add_command(label='创建桌面快捷方式', command=make_shortcut)
    setting_menu.add_command(label='数据文件信息', command=show_datafiles)
    menubar.add_cascade(label="使用介绍", menu=about_menu)
    menubar.add_cascade(label="更多配置", menu=setting_menu)
    root.config(menu=menubar)
    leixuewei_ui = LXW_NAME_LISTING_GUI(root)
    leixuewei_ui.setup_root_win()
    # 进入事件循环,保持窗口运行
    root.mainloop()
def about():
    pass
if __name__ == "__main__":
    # 启动程序
    app_start()

最后,赶紧安装使用renxianqi清点工具吧

打开任意终端或者CMD, 赶紧安装用起来吧。

pip install renxianqi
#或者下面这个:
pip install qingdian

(ps:推荐Windows系统安装,Mac推荐1.0.8版本)

目录
相关文章
|
15天前
|
机器学习/深度学习 算法 数据可视化
【深度学习实战】基于深度学习的图片风格快速迁移软件(Python源码+UI界面)
【深度学习实战】基于深度学习的图片风格快速迁移软件(Python源码+UI界面)
|
1月前
|
JavaScript
Nuxt3 实战 (四):安装 Nuxt UI 和配置 Typescript 类型检查
这篇文章介绍了在项目中安装和配置Nuxt UI以及TypeScript的步骤。作者在前言中提到考虑了AntDesignVue和Element-Plus,但最终选择了NuxtUI,因为它更适合年轻化的项目,并且与Nuxt兼容。安装Nuxt UI需要执行一系列命令,同时会自动安装一些相关模块。然后,可以在Nuxt应用中使用Nuxt UI的所有组件和可组合函数。此外,还介绍了如何添加图标库和配置TypeScript。
Nuxt3 实战 (四):安装 Nuxt UI 和配置 Typescript 类型检查
|
1月前
|
前端开发 搜索推荐 UED
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
【4月更文挑战第30天】探索Flutter的高级UI组件,如`TabBar`、`Drawer`、`BottomSheet`,提升应用体验和美观度。使用高级组件能节省开发时间,提供内置交互逻辑和优秀视觉效果。示例代码展示了如何实现底部导航栏、侧边导航和底部弹出菜单。同时,自定义组件允许个性化设计和功能扩展,但也带来性能优化和维护挑战。参考Flutter官方文档和教程,深入学习并有效利用这些组件。
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
|
1月前
|
XML API Android开发
构建高效的安卓应用:使用Jetpack Compose实现动态UI
【4月更文挑战第13天】 在移动应用开发领域,随着用户对流畅体验和即时反馈的期待不断上升,开发者面临着构建高效、响应式且具有丰富交互性的用户界面的挑战。传统的Android开发方法,如基于XML的布局,虽然稳定但往往伴随着较高的资源消耗和较低的开发效率。本文将探讨如何使用Jetpack Compose——一种现代声明式UI工具包,来构建动态且高效的安卓应用界面。通过深入分析Jetpack Compose的核心原理及其与传统方法的对比,揭示如何利用其强大的功能集合提升应用性能和开发效率。我们将通过实例演示如何快速构建可重用组件、实现实时数据绑定,以及优化布局渲染过程,从而为开发者提供一种更简洁、
|
1月前
|
机器学习/深度学习 人工智能 自然语言处理
【AI大模型应用开发】3.2 RAG实战 - RAG应用+UI实现加载本地文件并对话
【AI大模型应用开发】3.2 RAG实战 - RAG应用+UI实现加载本地文件并对话
71 0
|
1月前
|
Java Android开发
Android Mediatek 禁用拨号应用的部分UI显示
Android Mediatek 禁用拨号应用的部分UI显示
20 0
|
1月前
|
XML 移动开发 Android开发
构建高效安卓应用:采用Jetpack Compose实现动态UI
【4月更文挑战第10天】 在现代移动开发中,用户界面的流畅性和响应性对于应用的成功至关重要。随着技术的不断进步,安卓开发者寻求更加高效和简洁的方式来构建动态且吸引人的UI。本文将深入探讨Jetpack Compose这一革新性技术,它通过声明式编程模型简化了UI构建过程,并提升了性能与跨平台开发的可行性。我们将从基本概念出发,逐步解析如何利用Jetpack Compose来创建具有数据动态绑定能力的安卓应用,同时确保应用的高性能和良好用户体验。
37 0
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍