GUI2Python for aardio

GUI2Python Lib - use aardio to create UI of Tkinter and generate Python code. - As a Tkinter Designer

TKinter is a native Python Lib to easily create GUI of Python program，but there is no visual interface to use. Not friendly at all!

Not too complicated, just like a "Qt Designer".

aardio is very easy to use to create UI so that it can be nice to create UI in aardio and transfer to tkinter in Python automatically!

• aardio can be downloaded at https://www.aardio.com/ for the latest version for free.

---

GUI2Python库 - 用aardio画Tkinter界面并生成Python代码 - As a Tkinter Designer

TKinter是Python的原生GUI库，用来创建一些简单的GUI界面还是很方便的。但是，缺点是没有提供一套图形化的设计界面，这样创建界面的时候就非常不直观。

思路是搞一个类似QtDesigner类似的工具，但是又不想搞得太复杂。

aardio的图形化设计非常便捷，这样在aardio里画好界面自动生成tkinter的python代码就是再好不过的事情了。

• aardio 可以至 https://www.aardio.com/ 下载最新版，可免费下载使用。

---

• 视频教程： https://space.bilibili.com/382613220/channel/seriesdetail?sid=2503337

GUI2Py VB.Net版发布

详见VB.Net分支的GUI2Py.vb

目前可以实现的功能：

• 20220823更新：

1. 修正picturebox图片显示问题，由于aardio遍历的时候无法识别image属性，需要自行显式添加winform.picturebox.background=io.fullpath( <image path> )
2. Tkinter的图片格式必须为png格式，路径需为完整路径，不然可能无法显示。

• 20220822更新：

1. 上传GUI2Py.tar.lzma库打包文件
2. 只需在代码页第一行插入 _IMPORTURL["GUI2Py"] = "https://github.com/jerryxjr1220/aardioGUI2Python/raw/aardio/GUI2Py.tar.lzma" 程序会自动下载GUI2Py库并进行安装。

• 20220821更新:

1. 改进translateName方法，解析窗体设计器代码，并自动替换对应的控件名。具体见GUI2Py.aardio
2. 以后主要更新GUI2Py.aardio文件（原GUI2Py_simple.aardio)，pack方法和grid方法可以自行修改。

• 20220815更新：

1. 修正一处错误：GroupBox和NoteBook不支持font参数

• 20220810更新：

1. 修正一处错误：radiobutton和checkbox不支持justify参数，也不支持font参数
2. radiobutton添加value参数，配合variable参数控制选项，详见Test实例
3. 添加一个新的Test实例“Python习题集”

• 20220809更新：

1. 优化代码，用格式化字符串替换字符串拼接，增强可读性。
2. 精简布局，移除transfer2pack和transfer2grid方法（有需要可以自行更改transfer2place的最后一行布局代码），仅保留transfer2root和transfer2place。
3. 详见GUI2Py_simple.aardio，下载后改名替换原有GUI2Py.aardio

• 20220807更新：

1. 优化代码增强可读性，功能不变。

• 20220731更新：

1. 增加了一个实例：光学测量仪，源码在Measurement文件夹中。demo1.py和demo2.py的界面设计都是在aardio中完成并自动生成的，在添加逻辑功能后，放到主程序界面运行。

• 20220728更新：

1. 标签、文本框等有字符布局的控件新增左对齐、居中、右对齐布局
2. 多行文本框、画板、Listbox增加水平和垂直滚动条
3. 新增translateName函数，解析窗体设计器代码，返回的Z序与对应控件名称，可用来替换python中的控件名

由于遍历控件时each返回的控件顺序是随机的，所以控件名和序号不好对应。但由于控件的Z序是固定的，所以新增了translateName函数，用于解析窗体设计器代码，返回的Z序与对应控件名称，可用来在python中替换控件名（可选功能）

• 20220727更新：

1. 新增字体属性设置，可按照aardio中的字体自动设置到Tkinter中
2. 修改transfer2assembly名称 为 transfer2place，更好地对应place方法

• 20220725更新：

1. 所有可禁用控件，增加禁用属性
2. 文本框增加密码属性
3. 增加pack布局
4. 增加grid布局

• 20220724更新：

1. 基本控件都已经完善，包括Label, Button, Text/Entry, RadioButton, CheckBox, PictureBox, Canvas, ListBox, ComboBox, Treeview, ProgressBar, Scale, LabelFrame, Frame, Notebook等，基本满足常规使用。其余Tkinter支持的控件也可以通过手动方式添加使用。
2. 可以把界面直接转换为主界面
3. 更新组件化界面功能，这样可以像aardio一样把不同的界面拆成单独的组件，然后在Tabs高级选项卡（python中对应的就是Notebook）进行调用。也可以嵌入到其他Frame、Notebook、LabelFrame等容器中，当然也可以是主窗口Tk容器。
4. 新增了“隐藏”属性支持和背景色、前景色设置支持（仅对标签、文本框等控件有效）
5. 新增Canvas控件，对应aardio的plus

Quick Start

1. 安装 直接把下载的GUI2Py.aardio文件复制到aardio项目文件夹的lib目录下（lib目录下存放着用户自制库，可以直接import到程序中）即可。

2. 在aardio中画界面

import win.ui;
/*DSG{{*/
mainForm = win.form(text="Window Title";right=596;bottom=383)
mainForm.add(
button2={cls="button";text="Button";left=242;top=261;right=369;bottom=293;z=3};
edit2={cls="edit";text="Text";left=217;top=117;right=399;bottom=234;edge=1;multiline=1;z=2};
static2={cls="static";text="Hello, Python!";left=218;top=74;right=373;bottom=103;transparent=1;z=1}
)
/*}}*/

mainForm.show();
return win.loopMessage();

3. 调用

import GUI2Py;
g2t = GUI2Py.GUI2Tk(mainForm);
code = g2t.transfer2root();

把这段代码放到主程序的return win.loopMessage()之前，不然无法运行。 现在生成的code就是我们所需要的python代码，可以直接复制到python运行，也可以用string.save('example.py',code)函数保存为py文件。

4. python代码

import tkinter as tk
import tkinter.ttk as ttk
   
root = tk.Tk()
   
### 界面设计部分 ###
   
root.geometry("601x390")
root.title("Window Title")
button1_frame = ttk.Frame(width=127, height=32)
button1 = ttk.Button(button1_frame, text="Button")
button1.place(x=0, y=0)
button1_frame.place(x=242, y=261)
label1_frame = ttk.Frame(width=155, height=29)
label1 = ttk.Label(label1_frame, text="Hello, Python!")
label1.place(x=0, y=0)
label1_frame.place(x=218, y=74)
editVar1 = tk.StringVar(value='Text')
edit1_frame = ttk.Frame(width=182, height=117)
edit1 = tk.Text(edit1_frame)
edit1.insert("end", "Text")
edit1.place(x=0, y=0)
edit1_frame.place(x=217, y=117)


### 功能逻辑部分 ###

root.mainloop()

aardioGUI2Python库可以转换大部分的常用控件至Python的Tkinter中，界面可以直接运行。当然“功能逻辑部分”需要自行添加，可以实现预想的功能。

进阶应用

把界面组件化，这样可以像aardio一样把不同的界面拆成单独的组件，然后在Tabs高级选项卡（python中对应的就是Notebook）进行调用。也可以嵌入到其他Frame、Notebook、LabelFrame等容器中，当然也可以是主窗口Tk容器。

import GUI2Py;
g2t = GUI2Py.GUI2Tk(mainForm);
code = g2t.transfer2assembly();

生成的python代码

import tkinter as tk
import tkinter.ttk as ttk
  
class SubAssembly():
    ### 界面设计部分 ###
    
    def __init__(self, master):
        self.mainframe = ttk.Frame(master, width=601, height=390)
        self.label1_frame = ttk.Frame(self.mainframe, width=155, height=29)
        self.label1 = ttk.Label(self.label1_frame, text="Hello, Python!")
        self.label1.place(x=0, y=0)
        self.label1_frame.place(x=218, y=74)
        self.editVar1 = tk.StringVar(value='Text')
        self.edit1_frame = ttk.Frame(self.mainframe, width=182, height=117)
        self.edit1 = tk.Text(self.edit1_frame)
        self.edit1.insert("end", "Text")
        self.edit1.place(x=0, y=0)
        self.edit1_frame.place(x=217, y=117)
        self.button1_frame = ttk.Frame(self.mainframe, width=127, height=32)
        self.button1 = ttk.Button(self.button1_frame, text="Button")
        self.button1.place(x=0, y=0)
        self.button1_frame.place(x=242, y=261)
        self.mainframe.pack()

    ### 功能逻辑部分 ###

在python中调用，只需要实例化即可，当然如果需要实现额外功能，需要自行添加功能代码。

root = tk.Tk()
sa = SubAssembly(root)
root.mainloop()

应用实例

• aardio创建界面，用matplotlib画图，实时动态显示在Tkinter中

import tkinter as tk
import tkinter.ttk as ttk
import matplotlib.pyplot as plt
import numpy as np
from io import BytesIO
from PIL import Image, ImageTk
   
class SA():
    ### 界面设计部分 ###
     
    def __init__(self, master):
        self.mainframe = ttk.Frame(master, width=601, height=390)
        self.label1_frame = ttk.Frame(self.mainframe, width=209, height=27)
        self.label1 = ttk.Label(self.label1_frame, text="y = sin(x) / log(x)")
        self.label1.place(x=0, y=0)
        self.label1_frame.pack()
        self.pic1_frame = ttk.Frame(self.mainframe, width=640, height=480)
        self.pic1 = ttk.Label(self.pic1_frame)
        self.pic1.place(x=0, y=0)
        self.pic1_frame.pack()
        self.scale1_frame = ttk.Frame(self.mainframe, width=529, height=30)
        self.scale1 = ttk.Scale(self.scale1_frame, from_=21, to=100, value=21, command=self.drawImage)
        self.scale1.place(x=0, y=0)
        self.scale1_frame.pack()
        self.label2_frame = ttk.Frame(self.mainframe, width=209, height=27)
        self.label2_str = tk.StringVar(value='start point: x = 2.1')
        self.label2 = ttk.Label(self.label2_frame, textvariable=self.label2_str)
        self.label2.place(x=0, y=0)
        self.label2_frame.pack()
        self.mainframe.pack()
 
    ### 功能逻辑部分 ###
    def drawImage(self, *args):
        start = self.scale1.get()
        x = np.linspace(start, start+50, 50)
        x = x / 10
        self.label2_str.set('start point: x = {0}'.format(start/10))
        y = np.sin(x) / np.log(x)
        plt.clf()
        plt.plot(x, y, 'b')
        buff = BytesIO()
        plt.savefig(buff)
        buff.seek(0)
        im = Image.open(buff)
        image = ImageTk.PhotoImage(im)
        self.pic1.image = image
        self.pic1.configure(image=image)
 
 
 
         
root = tk.Tk()
 
sa = SA(root)
sa.drawImage()
root.mainloop()