Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解


Posted in Python onMarch 03, 2022

Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解

1、项目介绍

ttkbootstrap 是一个基于 tkinter 的界面美化库,使用这个工具可以开发出类似前端 bootstrap 风格的 tkinter 桌面程序。如果会 tkinter 学习起来就会非常简单,如果不会的话只要先花两三天的时间系统学习一下 tkinter 之后再来使用 bootstrap 也是一样。

ttkbootstrap 不仅有丰富的案例,同时还有完善的官方文档,可惜是英文的。不过对于程序员来说,只要用好翻译软件与提供的案例代码,一样可以轻松上手,那么接下来我们就介绍一下这个工具的使用。

视频讲解:ttkbootstrap

2、快速上手

首先肯定是需要安装一下 ttkbootstrap

pip install ttkbootstrap

然后就可以创建窗口对象了,先看一下官方给的案例。

Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解

上面案例分别使用了 tkinter 与 ttkbootstrap 创建窗口对象,实际上运行出来的界面没有太多区别。原因是因为这个案例非常简单,实际上 ttk.Window 可以设置非常多的高级属性,相关内容在后续可能会出一个关于 ttkbootstrap 源码解读的视频,到时候再详细介绍。如果你不清楚该怎么选择,推荐使用 ttk.Window 的方式进行创建。

第二个需要注意的地方是第 10 行使用 ttkbootstrap 的组件,与默认的组件相比多出了一些属性,其中 bootstyle 是指定按钮的样式。按钮样式有好几种,其中 SUCCESS 是从 ttkbootstrap.constants 的常量当中出来的,除此之外分别还有其他的样式,因为导出来了所以都可以直接使用。

Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解

在按钮 b2 中设置 bootstyle 时指定的是一个元组并且添加了 OUTLINE 属性。这个属性是指定边框线关于它的作用我们可以看一个官方案例。

边框小案例

Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解

边框小案例结果

Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解

第二个按钮就是显示边框线的效果

3、官方文档介绍

样式指导(Style guide)

官方地址:https://ttkbootstrap.readthedocs.io/en/latest/styleguide/

关于 ttkbootstrap 的组件有非常多,样式也是一样。如果想创建出漂亮的程序界面,最好是把这些组件的文档熟读一遍。或者当不会添加样式使,可以知道到这里进行查询

接口文档(API Documentation)

接口文档中记录了 ttkbootstrap 封装的每个组件的参数,并且添加了参数说明。ttkbootstrap 虽然封装了很多好看的组件,但是对于新手根本就不清楚怎么进行使用。这时候就可以查看接口文档,找一下对应的组件是怎么封装的,参数的作用是什么,应该是用那个属性才能达到想要的效果。

接口文档中有丰富的组件与功能,例如时间日期选择、消息提示框、对话框、emoji图像等等,如果是对程序的美观性有要求,非常推荐去看一看。如果只是想要基本的功能,就没必要浪费这个时间与精力了。

主题(Themes)

主要展示了 ttkbootstrap 的一些内置主题,并且允许自定义主题。推荐选择一个比较满意的主题直接使用就可以了,没必要使用 TTK Creator 创建一个属于自己的主题。你不嫌麻烦的话可以自己尝试一下。

画廊(Gallery)

项目提供的基础案例全部存放在这个里面,整个项目提供了 11 个案例,可以说是非常丰富了。如果你不清楚才能熟练掌握 ttkbootstrap 并且用它做出好看的界面,推荐先从这些案例开始。先把案例搞懂,然后再自己尝试去做新的案例,上手就会非常的快。

但是新手需要注意,这里面的案例不适合新手食用,因为都是基于面向对象进行封装的,如果看不懂建议先把面向对象的基础补一下。

到此这篇关于Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解的文章就介绍到这了,更多相关python ttkbootstrap使用内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
Python中对元组和列表按条件进行排序的方法示例
Nov 10 Python
Linux 下 Python 实现按任意键退出的实现方法
Sep 25 Python
python机器学习实战之树回归详解
Dec 20 Python
Python读取图片为16进制表示简单代码
Jan 19 Python
python实现停车管理系统
Nov 30 Python
利用Python对文件夹下图片数据进行批量改名的代码实例
Feb 21 Python
Python开发网站目录扫描器的实现
Feb 21 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
Jun 03 Python
python实现读取excel文件中所有sheet操作示例
Aug 09 Python
解决Python命令行下退格,删除,方向键乱码(亲测有效)
Jan 16 Python
Python通过Tesseract库实现文字识别
Mar 05 Python
windows下python 3.9 Numpy scipy和matlabplot的安装教程详解
Nov 28 Python
python机器学习实现oneR算法(以鸢尾data为例)
Mar 03 #Python
详解python的异常捕获
Mar 03 #Python
分享提高 Python 代码的可读性的技巧
Mar 03 #Python
使用python创建股票的时间序列可视化分析
Python Pandas读取Excel日期数据的异常处理方法
pytorch中的torch.nn.Conv2d()函数图文详解
Feb 28 #Python
python3中apply函数和lambda函数的使用详解
Feb 28 #Python
You might like
PHP 金额数字转换成英文
2010/05/06 PHP
php skymvc 一款轻量、简单的php
2011/06/28 PHP
php与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
php实现网站文件批量压缩下载功能
2015/10/28 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
jQuery获得字体颜色16位码的方法
2016/02/20 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
ElementUI多个子组件表单的校验管理实现
2019/11/07 Javascript
Vue前端项目部署IIS的实现
2020/01/06 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
Python操作列表的常用方法分享
2014/02/13 Python
Python3遍历目录树实现方法
2015/05/22 Python
Python字符串的常见操作实例小结
2019/04/08 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
python可视化text()函数使用详解
2020/02/11 Python
Python新手学习装饰器
2020/06/04 Python
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
大学生职业生涯规划书
2014/03/14 职场文书
医院安全生产月活动总结
2014/07/05 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
工作失职自我检讨书
2015/05/05 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle