WxPython跨平台开发框架之图标选择界面
在使用 wxPython 开发跨平台桌面应用程序时,创建一个图标选择界面通常用于让用户从图标资源库中选择图标,我们可以把图标分为自定义的图标资源和系统的图标资源两大类,最终我们把它们整合一起使用,在框架的界面中使用,包括工具栏、右键菜单、按钮、图片等所需的地方显示,实现图文并茂的友好界面展示。本篇随笔介绍这两种图标资源的管理和使用过程。
1、图标分类介绍
这里图标我们分为两类,一类是wxPython内置的图标资源,以wx.Art_开始。wx.ART_ 是 wxPython 提供的艺术资源(Art Resource)常量,用于在界面中快速访问通用的图标或位图资源。这些资源可以通过 wx.ArtProvider 获取,主要用于创建标准化的界面,例如工具栏、菜单和对话框中的图标。这类可以使用 wx.ArtProvider.GetBitmap 或 wx.ArtProvider.GetIcon 获取对应的位图或图标。
bitmap = wx.ArtProvider.GetBitmap(wx.ART_INFORMATION, wx.ART_OTHER, (32, 32))
icon = wx.ArtProvider.GetIcon(wx.ART_WARNING, wx.ART_OTHER, (16, 16))
参数说明:
id:指定图标的类型,例如wx.ART_INFORMATION、wx.ART_WARNING等。client:指定图标的用途,一般用wx.ART_OTHER。size:指定图标的尺寸,例如(16, 16)或(32, 32)。
常用 wx.ART_ 图标列表
以下是一些常见的 wx.ART_ 常量及其用途:
| 常量名称 | 描述 | 示例用途 |
|---|---|---|
wx.ART_INFORMATION |
信息图标(蓝色圆圈中的“i”) | 消息框或工具栏中的信息提示 |
wx.ART_WARNING |
警告图标(黄色三角形) | 警告对话框 |
wx.ART_ERROR |
错误图标(红色圆圈中的“X”) | 错误提示框 |
wx.ART_QUESTION |
问号图标 | 确认对话框中的问题提示 |
wx.ART_FILE_OPEN |
打开文件图标 | 文件打开按钮或菜单项 |
wx.ART_FILE_SAVE |
保存文件图标 | 文件保存按钮或菜单项 |
wx.ART_FILE_SAVE_AS |
另存为图标 | 另存为操作 |
wx.ART_DELETE |
删除图标 | 删除按钮或菜单项 |
wx.ART_COPY |
复制图标 | 工具栏中的复制按钮 |
wx.ART_CUT |
剪切图标 | 工具栏中的剪切按钮 |
wx.ART_PASTE |
粘贴图标 | 工具栏中的粘贴按钮 |
wx.ART_UNDO |
撤销图标 | 撤销操作按钮 |
wx.ART_REDO |
重做图标 | 重做操作按钮 |
wx.ART_FIND |
查找图标 | 查找工具栏或菜单项 |
wx.ART_HELP |
帮助图标(问号) | 帮助按钮或菜单项 |
wx.ART_NEW |
新建文件图标 | 新建按钮或菜单项 |
wx.ART_TIP |
提示图标 | 工具提示或信息提示框 |
wx.ART_ADD_BOOKMARK |
添加书签图标 | 书签管理工具 |
wx.ART_DEL_BOOKMARK |
删除书签图标 | 书签管理工具 |
wx.ART_GO_BACK |
返回图标 | 浏览器中的后退按钮 |
wx.ART_GO_FORWARD |
前进图标 | 浏览器中的前进按钮 |
wx.ART_GO_UP |
向上导航图标 | 文件管理器中的向上导航 |
wx.ART_GO_DOWN |
向下导航图标 | 文件管理器中的向下导航 |
wx.ART_EXECUTABLE_FILE |
可执行文件图标 | 显示可执行文件类型 |
wx.ART_NORMAL_FILE |
普通文件图标 | 显示普通文件类型 |
wx.ART_FOLDER |
文件夹图标 | 显示文件夹类型 |
wx.ART_FOLDER_OPEN |
打开文件夹图标 | 文件夹展开时显示 |
wx.ART_PRINT |
打印图标 | 打印操作按钮或菜单项 |
wx.ART_REPORT_VIEW |
报表视图图标 | 改变视图样式的按钮 |
wx.ART_LIST_VIEW |
列表视图图标 | 改变视图样式的按钮 |
通过使用 wx.ART_,可以显著提高界面的一致性和开发效率!
另外一类是我们自己自定义的图标资源,为了方便整合使用,我们往往把它作为嵌入资源的方式,放在一个文件里面,如下所示。

需要的时候,直接导入这个core_image进行使用即可。
import core.core_images as images img: wx.Image = (
images.catalog[name].Image if name in images.catalog else result
)
img = img.Scale(icon_size, icon_size, wx.IMAGE_QUALITY_HIGH)
result = wx.Bitmap(img)
为了方便添加,我们可以使用wxpython的内置工具类img2py来生成代码到指定.py文件中。
from wx.tools import img2py
然后可以通过命令行来生成代码到python类文件中。
"-a -F -n TestStar2 bmp_source/teststar.png images.py"
需要详细了解各个参数的意思,可以查看 img2py.py 例子代码的说明即可。
我为了方便,参考修改编写了一个独立的工具类来方便生成所需的代码。
我可以再文件目录中选择所需的文件,然后右键复制文件地址,把它们路径复制出来。


2、图标的选择界面及使用
前面介绍了两种不同的图标资源库,我们应该再框架系统中能够顺利使用它们,以便为我们的工具栏、菜单、按钮等地方添加有趣而有意义的图标,比单纯的文本会好看很多。
如列表界面中的工具栏、按钮都采用了和内容一致的图标,比较美观一些。

有时候,我们右键菜单也可以根据图表库选择一致意义的图标。
表格显示的右键菜单

或者树形列表的右键菜单

因此我们在系统中统一展示和选择图标操作,如下所示,包括自定义图标,也包括内置图标。


自定义图标可以根据需要进行添加到内置资源的类即可,图标来源很多,网上也有很多,可以参考一下下面的这个网址获取一些:https://www.iconarchive.com/
在里面搜索关键字下载自己所需图标即可。
为了统一通过名称获取图标信息,我们可以编写一个通用的处理图标的函数来处理,如下函数。
def get_bitmap(name: str, icon_size: int = 32) -> wx.Bitmap:
"""获取位图,可以根据images里面的内容,或者是内置的wx.ART_XXX""" result = wx.ArtProvider.GetBitmap(
wx.ART_FOLDER, wx.ART_OTHER, (icon_size, icon_size)
)
try:
if name is None or name == "":
return result if name.startswith("wx.ART_"):
result = wx.ArtProvider.GetBitmap(
eval(name), wx.ART_OTHER, (icon_size, icon_size)
)
else:
img: wx.Image = (
images.catalog[name].Image if name in images.catalog else result
)
img = img.Scale(icon_size, icon_size, wx.IMAGE_QUALITY_HIGH)
result = wx.Bitmap(img)
except Exception as e:
print(f"get_bitmap 调用错误: {e},没有找到{name}的图片")
return result
这样我们在创建按钮、菜单的时候,使用这个生成图标位图的辅助函数即可通用了。
button = wx.Button(parent, id, btn_name)
button.Enable(enable)
if icon_name:
button.SetBitmap(get_bitmap(icon_name, icon_size))
button.SetBitmapPosition(wx.LEFT) # 可以设置 LEFT, RIGHT, TOP, BOTTOM

WxPython跨平台开发框架之图标选择界面的更多相关文章
- 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控 ...
- 转--基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
原文 http://www.cnblogs.com/wuhuacong/p/3317223.html 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用 在前面介绍了两篇关于我的基 ...
- JS组件系列——不容错过的两款Bootstrap Icon图标选择组件
前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的 ...
- [ionic开源项目教程] - 手把手教你使用移动跨平台开发框架Ionic开发一个新闻阅读APP
前言 这是一个系列文章,从环境搭建开始讲解,包括网络数据请求,将持续更新到项目完结.实战开发中遇到的各种问题的解决方案,也都将毫无保留的分享给大家. 关注订阅号:TongeBlog ,查看移动端跨平台 ...
- android中选择控件与选择界面自然过度效果的实现--一种新的交互设计
转载请标明出处: http://blog.csdn.net/jianghejie123/article/details/40648931 在安卓中经常遇到须要选择一个东西的功能,比方选择日期.选择文件 ...
- 移动跨平台开发框架Ionic开发一个新闻阅读APP
移动跨平台开发框架Ionic开发一个新闻阅读APP 前言 这是一个系列文章,从环境搭建开始讲解,包括网络数据请求,将持续更新到项目完结.实战开发中遇到的各种问题的解决方案,也都将毫无保留的分享给大家. ...
- DSAPI 调用串口选择界面
在DSAPI中,可以通过简单的代码调用串口选择界面,当用户选择了其中一个串口时,将返回选择的串口名称(或序号). Dim 串口名称 As String = DSAPI.串口通讯.显示串口选择界面.选择 ...
- win10和linux引导问题(没有系统选择界面)
由于最近学习嵌入式和c模块化编程,需要使用Linux系统,但是编程之外,WIN10还是主力系统,决定装双系统. 往常一样,百度装双系统方法,网上千篇一律,大都一个套路. 首先,WIN10 下,新开一个 ...
- uniapp+nvue实现仿微信/得物相册插件:选择界面 +自定义相册+图片视频过滤
本篇文章基于uniapp 框架+ nvue,实现了uniapp仿微信/得物相册选择功能实例项目,该插件实例实现了以下功能: 1: 相册过滤 2: 图视频过滤 3: 界面UI定制化 4: 栅格列数定制化 ...
- Qt栅格布局、ScrollArea和用户选择界面
用户选择界面 就我们在实际开发的时候可能需要面对这样一个界面 做个demo试试看 其实我们可以分解一下这个界面 就是除了控制相关的内容,最主要的就是这个界面之上,有一个个动态的输入的控件,上面都是学生 ...
随机推荐
- AWS-最佳实践-杂信息
1.Amazon Aurora Serverless v1 AmazonAurora-Serverless版本1是亚马逊Aurora的按需自动缩放配置.Aurora Serverlessv1 DB集群 ...
- 向AWS迁移系统
向AWS迁移系统的考虑事项: 1.理解现在应用的架构和运行环境: 使用的OS,软件版本,依赖库,底层硬件,数据库,资源使用用量.性能等非功能要件. 基于这些信息设计在AWS上的架构,使用Ins ...
- mybatis相关-转义字符串报错-Cause: org.xml.sax.SAXParseException
mybatis相关-转义字符串报错-Cause: org.xml.sax.SAXParseException 部分报错信息 Caused by: org.springframework.beans.f ...
- C++ 迪利克雷(Dirichlet)分布
遇到一个要使用 dirichlet 分布的情形,发现 C++ 标准库中没有现成的.查阅维基百科发现,虽然它挺复杂,但是它跟 Gamma 分布有如下关系: 设有 K 个相互独立且分别满足 Gamma 分 ...
- TOYOTA SYSTEMS Programming Contest 2024(AtCoder Beginner Contest 377) 补题记录(A-E)
AtCoder Beginner Contest 377 A - Rearranging ABC 字符串有ABC三个字母即可. #include<bits/stdc++.h> using ...
- 『玩转Streamlit』--登录认证机制
如果你的Streamlit App中使用的数据的比较敏感,那么,保护这个App及其背后的数据免受未授权访问变得至关重要. 无论是出于商业机密的保护.用户隐私的维护,还是为了满足日益严格的合规要求,确保 ...
- Linux设置显示中文和设置字体
设置中文 一.查看当前使用的系统语言 1.登陆linux系统打开操作终端之后,输入 echo $LANG可以查看当前使用的系统语言.如 echo $LANG 2.查看安装的语言包 查看是否有中文语言包 ...
- pjsip编译、说明及vs2022使用示例
环境: window10_x64 & vs2022 pjsip版本: 2.14.1 之前整理过pjsip 2.10的编译及python使用示例: https://www.cnblogs.c ...
- Metal 开发教程(二)
https://developer.apple.com/documentation/quartzcore/cametallayer?language=objc#3385893 CAMetalLayer ...
- 【更新日志】AI运动识别插件又双叕发布更新了,v1.5.4版已正式发布。
Ai运动识别插件可以为您的小程序赋于原生的人体检测.运动识别.姿态识别.运动计时计数AI能力,让您的小程序轻松实现AI健身.线上运动会.学生体测等场景,并拥有大量的用户案例,针对近期开发者的反馈,我们 ...