tkinter-TinUI-xml实战(11)文本阅读、编辑器

tkinter-TinUI-xml实战(11)文本阅读、编辑器

引言

本文基于作者自己的项目TinText编写。

TinText是一个TinML阅读、编辑、整合组件软件。

阅读器

阅读器界面很简单,主要就是顶部的菜单栏,以及占了绝对面积的文本框,不过文本框是基于新版TinEngine的,不是本文重点。

菜单栏可以使用TinUI的menubutton实现,把这些控件排成一排,就可以实现顶部菜单栏的效果。

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line>
    <line x='0' y='0' padx='0'>
        <menubutton text='文件' font='微软雅黑 10' widget='False' linew='0' cont='self.datas["menu_file"]'></menubutton>
        <menubutton text='搜索' font='微软雅黑 10' widget='False' linew='0' cont='self.datas["menu_search"]'></menubutton>
        <menubutton text='窗口' font='微软雅黑 10' widget='False' linew='0' cont='self.datas["menu_window"]'></menubutton>
        <menubutton text='工具' font='微软雅黑 10' widget='False' linew='0' cont='self.datas["menu_tools"]'></menubutton>
        <menubutton text='关于' font='微软雅黑 10' widget='False' linew='0' cont='self.datas["menu_about"]'></menubutton>
    </line>
</line>
</tinui>

cont绑定的数据见工程源代码。

编辑器

新TinText的编辑器TinWriter,主要分为两部分。

第一部分为编辑区,由顶部工具栏和编辑文本框组成。其中顶部工具栏使用TinUI的barbutton实现:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line>
    <line x='0' y='0' padx='0'>
        <barbutton font='微软雅黑 10' content='self.datas["appbar"]'>buttons</barbutton>
    </line>
</line>
</tinui>

这里面的表格编辑器部分由下布局文件确定:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line y='25' anchor='w'>
    <paragraph text='行数: '></paragraph>
    <entry width='120'>entry1</entry>
    <paragraph text='列数: '></paragraph>
    <entry width='120'>entry2</entry>
    <paragraph text='           '></paragraph>
    <button2 text='确定' command='self.funcs["set_table"]'></button2>
</line>
</tinui>

代码编辑器部分由下布局文件确定:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line y='20' anchor='w'>
    <paragraph text='代码类型:'></paragraph>
    <entry width='200'>entry</entry>
    <button2 text='插入代码片段' command='self.funcs["set_code"]'></button2>
</line>
</tinui>

第二部分为提示区域,包括右上角的多功能提示区域和右下角的提示文本框(即一个TinTextControl)。右上角的多功能提示区域就是一个标签页:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line>
    <line>
        <notebook width='287' height='350'>ntbook</notebook>
    </line>
</line>
</tinui>

快捷键提示如下:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line>
    <paragraph text='全选&#x0009;ctrl+a'></paragraph>
</line>
<line>
    <paragraph text='复制&#x0009;ctrl+c'></paragraph>
</line>
<line>
    <paragraph text='剪切&#x0009;ctrl+x'></paragraph>
</line>
<line>
    <paragraph text='粘贴&#x0009;ctrl+v'></paragraph>
</line>
<line>
    <paragraph text='撤销&#x0009;ctrl+z'></paragraph>
</line>
<line>
    <paragraph text='重做&#x0009;ctrl+y'></paragraph>
</line>
<line>
    <paragraph text='查找&#x0009;ctrl+f'></paragraph>
</line>
<line>
    <paragraph text='替换&#x0009;ctrl+h'></paragraph>
</line>
<line>
    <paragraph text='重新渲染&#x0009;ctrl+r'></paragraph>
</line>
<line>
    <paragraph text='保存&#x0009;ctrl+s'></paragraph>
</line>
<line>
    <paragraph text='另存为&#x0009;ctrl+shift+s'></paragraph>
</line>
<line x='3'>
    <separate width='260'></separate>
</line>
<line>
    <paragraph text='接受建议&#x0009;alt+p'></paragraph>
</line>
<line>
    <paragraph text='生成参数&#x0009;alt+g'></paragraph>
</line>
<line>
    <paragraph text='标签说明&#x0009;alt+a'></paragraph>
</line>
<line>
    <paragraph text='加 ;&#x0009;alt+;'></paragraph>
</line>
<line>
    <paragraph text='注释&#x0009;alt+/'></paragraph>
</line>
</tinui>

记事本界面如下:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line>
<textbox width='265' height='340' scrollbar='True'></textbox>
</line>
</tinui>

整合TinMaker界面如下:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line>
    <button2 text='打开TinMaker' command='self.funcs["openmaker"]'></button2>
</line>
<line>
    <paragraph text='*支持生成 TINP, TINX'></paragraph>
</line>
<line>
    <link text='TIN格式说明' url='https://tintext.smart-space.com.cn/tinml/fileTIN'></link>
</line>
<line>
    <link text='TINP格式说明' url='https://tintext.smart-space.com.cn/tinml/fileTINP'></link>
</line>
<line>
    <link text='TINX格式说明' url='https://tintext.smart-space.com.cn/tinml/fileTINX'></link>
</line>
</tinui>

TinMaker界面

TinMaker是TinText组件中,用于将tin源文件加密为tinp文件,或打包为tinx文件的工具。主要界面布局如下:

xml 复制代码
<!--TinUIXml编辑-->
<tinui>
<line>
    <line y='20' anchor='w'>
       <paragraph text='请选择要生成的文件类型:'></paragraph>
       <combobox width='150' height='100' text='文件类型' content='("TINP (加密)","TINX (集成)")' command='self.funcs["sel_type"]'>combobox</combobox>
    </line>
    <line y='70' anchor='w'>
        <paragraph text='输入密码:'></paragraph>
        <entry width='385'>entry</entry>
    </line>
    <line pady='10'>
        <button2 text='开始生成目标格式文件' minwidth='475' command='self.funcs["gen"]'>button</button2>
    </line>
    <line>
        <textbox width='475' height='363' scrollbar='True'>textbox</textbox>
    </line>
</line>
</tinui>

搜索框界面

TinReader和TinWriter搜索框界面相同:

xml 复制代码
<!--TinUIXml编辑 本界面用作文本框的通用搜索工具-->
<tinui>
<line>
    <line x='2' y='15' anchor='w'>
        <entry width='300'>entry_search</entry>
        <button2 text='搜索' command='self.funcs["go_to_search"]'></button2>
    </line>
    <line>
        <checkbutton text='区分大小写' command='self.funcs["set_case"]'>check_case_button</checkbutton>
        <checkbutton text='正则表达式' command='self.funcs["set_regexp"]'>check_regexp_button</checkbutton>
        <checkbutton text='循环查找' command='self.funcs["set_loop"]'>check_loop_button</checkbutton>
    </line>
    <line x='2' y='80' anchor='w'>
        <entry width='300'>entry_replace</entry>
        <button2 text='替换' command='self.funcs["go_to_replace"]'></button2>
    </line>
    <line>
        <checkbutton text='全部替换' command='self.funcs["set_replaceall"]'>check_replaceall_button</checkbutton>
        <line y='112' anchor='w'><button2 text='调换' icon='&#xE8AB;' command='self.funcs["exchange_word"]'></button2></line>
    </line>
</line>
</tinui>
相关推荐
新子y6 小时前
【小白笔记】「while」在程序语言中的角色
笔记·python
java1234_小锋7 小时前
[免费]基于Python的YOLO深度学习垃圾分类目标检测系统【论文+源码】
python·深度学习·yolo·垃圾分类·垃圾分类检测
凌晨一点的秃头猪7 小时前
面向对象和面向过程 编程思想
python
总有刁民想爱朕ha8 小时前
银河麒麟v10批量部署Python Flask项目小白教程
开发语言·python·flask·银河麒麟v10
Python×CATIA工业智造8 小时前
Python函数包装技术详解:从基础装饰器到高级应用
python·pycharm
快秃头的码农9 小时前
LazyLLM,(万象应用开发平台 AppStudio)商汤大装置
python
離離原上譜11 小时前
python-docx 安装与快速入门
python·word·python-docx·自动化办公·1024程序员节
JuicyActiveGilbert11 小时前
【Python进阶】第2篇:单元测试
开发语言·windows·python·单元测试
今天没ID11 小时前
Numpy加权平均数
python
唐叔在学习11 小时前
200kb能作甚?mss表示我给你整个截图程序
后端·python