tkinter-TinUI-xml实战（11）多功能TinUIxml编辑器

最新推荐文章于 2025-02-12 11:10:55 发布

Smart-Space

最新推荐文章于 2025-02-12 11:10:55 发布

阅读量1k

点赞数 15

分类专栏： TinUI tkinter实验文章标签： tkinter python TinUI

本文链接：https://blog.youkuaiyun.com/tinga_kilin/article/details/140344370

版权

引言

在TinUIXml简易编辑器中，我们通过TinUI搭建了一个简易的针对TinUIXml布局的编辑器，基本掌握了TinUIXml布局和TinUIXml的导入与导出。现在，就在此基础上，对编辑器进行升级。

本次升级的功能：

更合理的xml编辑与UI展示布局，python代码导出放到另一个子窗口
python代码使用语法高亮显示
在UI展示中，允许打开鼠标十字线坐标定位
允许右键单击创建标记坐标点，并能够通过坐标点管理窗口来操作坐标点

新版TinUIXml简易编辑器内置到了TinUI包中，/test/tuxmltest.py，xml资源文件在/test/xmltestpage目录下。

重新布局

新的主界面main.xml：

<tinui>
<line anchor='w' y='20'>
    <button2 text='导入xml' command='self.funcs["inxml"]'></button2>
    <button2 text='python代码' command='self.funcs["pycode"]'></button2>
    <checkbutton text='启用十字线定位' command='self.funcs["if_location"]'></checkbutton>
    <paragraph text='x: y:'>loctext</paragraph>
</line>
<line>
    <ui width='870' height='630' scrollbar='True'>xmlui</ui>
</line>
<line x='710' y='20' anchor='w'>
    <button2 text='打开标记点管理窗口' command='self.funcs["open_markw"]'></button2>
</line>
</tinui>

生成界面：
在这里插入图片描述

在新版TinUIXml编辑器中，默认添加了一段来自于TinUI.test.maintest里的back介绍界面xml，这样就可以一目了然明确文本框的交互意义，点击“导入xml”后如图：

新python代码窗口

在新版TinUIXml简易编辑器中，python代码部分被划归到了新的子窗口，名为pycodew，资源文件为pytest.xml：

<!--弹窗显示python代码（IDO）部分-->
<tinui>
<line>
    <textbox width='500' height='500' scrollbar='True'>textbox

最低0.47元/天解锁文章