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更新：

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

20220822更新：

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

20220821更新:

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

20220815更新：

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

20220810更新：

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

20220809更新：

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

20220807更新：

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

20220731更新：

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

20220728更新：

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

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

20220727更新：

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

20220725更新：

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

20220724更新：

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

Quick Start

安装直接把下载的GUI2Py.aardio文件复制到aardio项目文件夹的lib目录下（lib目录下存放着用户自制库，可以直接import到程序中）即可。
在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();

调用

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

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

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()

jerryxjr1220 / aardioGUI2Python