Python界面编辑器Tkinter布局助手使用说明

这篇具有很好参考价值的文章主要介绍了Python界面编辑器Tkinter布局助手使用说明。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Tkinter布局助手是一款为Tkinter打造,仅需拖拽组件进行布局,所见即所得,非常方便就能做出一个GUI界面,再配合 pyinstaller 库将程序打包成exe,简直是开发小工具的利器。

软件截图

tkinter布局助手,python,编辑器,开发语言

项目定位

当第一次接触到Tkinter,觉得它很方便,兼容性也挺不错,而且是Python自带的。
后来为了方便布局,我开发了Tkinter布局助手,并且开源了(个人用户开源免费使用,如需商用请联系作者授权)。由于Tkinter本身的不足和我并非要打造一款专业的设计软件,所以我给它的定位是:面向非专业桌面开发人员、Python爱好者等,并且主要是用于小工具开发,所以一些复杂的组件或其他的布局方式将不会去支持。

开发语言

本项目基于Vue2 + Element UI开发。预览程序基于Python3开发。

功能区域说明

Tkinter布局助手主要包括五个区域,顶部导航栏、工具栏、左侧功能区,主设计界面、右侧功能区。

tkinter布局助手,python,编辑器,开发语言

工具栏

工具栏主要包括,查看代码、预览效果、清空数据、导出文件、导入导出布局文件、布局文件修复。

查看代码

根据设计区域的布局和组件属性设置,生成Python代码,可以实时查看。

预览效果

该功能需要在本地运行预览程序按照说明文档运行程序后,程序将会以最小化,并在托盘中运行,当在布局助手中点击【预览效果】后,数据将会传到预览程序,然后自动弹出当前布局的实际显示效果。

清空数据

此操作将会清空当前的布局,并不可恢复,需谨慎操作。

导出文件

根据设计区域的布局和组件属性设置,生成Python3文件导出,文件后缀.py。

导入导出布局文件

布局助手是的数据是缓存在浏览器中的,所以同时只能编辑一个布局文件,通过导出导入功能,即可保存之前的布局信息。
目前开通了云储存功能(收费,价格美丽),如有需要,可以扫描网站右下角二维码,联系站长开通。

布局修复功能

由于布局助手功能的更新,有些新特性不兼容以前的版本,如果出现了布局打不开的情况,可通过修复功能修复布局文件。

基础组件

包含常用的组件,点击组件按钮,拖动到中间的布局设计区域,即可添加该组件。

更多组件说明,请查看Tkinter教程。

组件层级

以树状视图,展示了组件的层级关系,点击组件层级中的组件名称,可在组件设计区域中,选中当前组件。在设计区域选中组件,也会在组件层级中高亮组件名称。

组件配置

可对组件的ID、长、宽、文本内容等属性进行设置。

事件绑定

可对任何组件,添加事件绑定。为组件添加事件和回调函数,生成代码时,将自动为组件创建相应事件的绑定,并生成与设置相同名称的方法。

ttkbootstrap 主题配置

支持一键切换主题,为组件配置样式和颜色。

布局文件说明

tk布局文件是base64编码的json字符串。将其解码后,结构大致如下。如果网站升级后,布局出现异常,可尝试用修复工具修复。
修复工具,修复不了的可尝试手动修复。大致思路如下
把最新的tk布局文件下载下来,与原先的对比看看,结合错误信息,看是缺失哪些字段补上,再编码导入试试。

tk布局文件json结构

{
    "win": {
        "top": 21,
        "left": 120,
        "width": 600,
        "height": 500,
        "id": "lbhq0hio",
        "type": "tk_win",
        "text": "Tkinter布局助手",
        "frame": true,
        "elements": [{
            "top": 90,
            "left": 140,
            "width": 50,
            "is_show": true,
            "height": 24,
            "text": "标签",
            "id": "lbhq0pnv",
            "type": "tk_label"
        }, {
            "top": 150,
            "left": 230,
            "width": 200,
            "is_show": true,
            "height": 150,
            "frame": true,
            "elements": [{
                "top": 30,
                "left": 40,
                "width": 50,
                "is_show": true,
                "height": 24,
                "text": "按钮",
                "id": "lbhq0uq6",
                "type": "tk_button"
            }],
            "id": "lbhq0sb7",
            "type": "tk_frame",
            "event_bind_list": []
        }],
        "event_bind_list": []
    },
    "name": "Tkinter布局助手",
    "web": "https://pytk.net/tkinter-helper",
    "github": "https://github.com/iamxcd/tkinter-helper",
    "gitee": "https://gitee.com/iamxcd/tkinter-helper",
    "version": "2.4.2",
    "qq_group": "788392508"
}

快捷键

Ctrl + D 复制组件

Ctrl + ↑ 多组件 顶部对齐

Ctrl + ↓ 多组件 底部对齐

Ctrl + ←多组件 左侧对齐

Ctrl + →多组件 右侧对齐

Delete 删除组件

多选组件

长按Ctrl + 鼠标点击组件 多选组件

组件位置微调

在布局设计区中,选中组件后,按下上、下、左、右方向键,组件的位置将会在各个方向上移动一个像素。如果移动的是容器组件,容器内的组件也会同时移动。

拓展组件

tkinter本身组件不是太多,这里封装一些常用的组件,以拓展形式导入

安装方式如下:

pip install pytkUI

相关链接

Tkinter教程 https://pytk.net/tkinter.html
在线地址 https://www.pytk.net
Github https://github.com/iamxcd/tkinter-helper
Gitee https://gitee.com/iamxcd/tkinter-helper
原文:https://www.pytk.net/blog/1660703137.html文章来源地址https://www.toymoban.com/news/detail-840286.html

到了这里,关于Python界面编辑器Tkinter布局助手使用说明的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity编辑器扩展——自动生成UI界面脚本

    一:前言 对于面板赋值或Find绑定UI组件,我们可以使用一种工具化的方式去自动生成代码并绑定对象,增加效率 分为logic和view,view层是UI界面上的组件,每次都会自动生成并覆盖,logic层是逻辑 二:使用 例如一个UI界面,我们只需要做成预制体并在Project下右键预制体,选择

    2024年02月11日
    浏览(46)
  • 讲讲项目里的仪表盘编辑器(四)分页卡和布局容器组件

            讲讲两个经典布局组件的实现                  配置面板是给用户配置布局容器背景颜色等属性。这里我们不需要关注         定义文件          规定了组件类的 类型 、标签、图标、 默认布局属性、主文件 等等。         入口文件会通过一系列逻辑生成

    2024年02月07日
    浏览(37)
  • Android Studio汉化教程/编辑器界面转换为中文(简单步骤)

    此方法很简单,只需要下载插件引入即可 前往下方链接,然后点击GET,Download对应版本(建议不要下载太新版本,不然会不兼容,可以下载Android Studio适应的版本) https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack---- 这里有适用的版本 然后解压刚刚下载的zip 打开设置

    2024年02月12日
    浏览(48)
  • 界面控件DevExpress WPF数据编辑器组件,让数据处理更灵活!(二)

    界面控件DevExpress WPF编辑器库可以帮助用户提供直观的用户体验,具有无与伦比的运行时选项和灵活性。WPF数据编辑器提供了全面的掩码和数据验证支持,可以独立使用,也可以作为容器控件(如DevExpress WPF Grid和WPF TreeList)中的单元格编辑器使用。 在上文中(点击这里回顾),

    2024年02月16日
    浏览(50)
  • 界面控件DevExpress WPF富文本编辑器,让系统拥有Word功能(二)

    DevExpress WPF控件的富文本编辑器允许开发者将文字处理功能集成到下一个WPF项目中,凭借其全面的文本格式选项、邮件合并以及丰富的终端用户选项集合,可以轻松地提供Microsoft Word功能。 DevExpress WPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用

    2024年02月06日
    浏览(46)
  • 界面控件DevExpress WinForms/WPF v23.2 - 富文本编辑器支持内容控件

    众所周知内容控件是交互式UI元素(文本字段、下拉列表、日期选择器),用于在屏幕上输入和管理信息。内容控件通常在模板/表单中使用,以标准化文档格式和简化数据输入。DevExpress文字处理产品库(Word Processing Document API、WinForm和WPF富文本编辑器)附带了内容控制支持(v23

    2024年04月15日
    浏览(51)
  • python编辑器安装与配置,python用哪个编辑器好用

    大家好,给大家分享一下python编辑器pycharm安装教程,很多人还不知道这一点。下面详细解释一下。现在让我们来看看! 编写python源代码的软件.首推的Pycharm。 PyCharm用于bai一般IDE具备的功能,比如, 调试、语法高亮、Project管理、du代码跳转、智能提示、自动完zhi成、单元测试

    2024年02月13日
    浏览(59)
  • 手机python编辑器怎么用,手机编写python的编辑器

    本篇文章给大家谈谈手机python3.0编程软件怎么用,以及手机python编辑器怎么用,希望对各位有所帮助,不要忘了收藏本站喔。 Source code download: 本文相关源码 大家好,小编来为大家解答以下问题,在手机上编python程序用什么软件,手机写python编程用哪个软件,今天让我们一起

    2024年04月12日
    浏览(49)
  • 手机上好用的python编辑器,手机python编辑器哪个好

    本篇文章给大家谈谈手机软件编辑器中文版python,以及手机上好用的python编辑器,希望对各位有所帮助,不要忘了收藏本站喔。 如果你是个对编程比较感兴趣或者正走在这条康庄大道上的技术宅,那我强烈向你推荐以下神器,对于没资金买电脑的人来说是一个福音,因为它实

    2024年04月14日
    浏览(52)
  • python编辑器手机版怎么用,python编辑器手机版在线

    本篇文章给大家谈谈手机软件编辑器中文版python,以及python编辑器手机版下载官方,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录 前言 QPython OH Aid Learning Python入门教程 👉Python学习视频600合集👈 👉实战案例👈 👉100道Python练习题👈 👉面试刷题👈 资料领取 手机

    2024年01月22日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包