自动转换Python代码为HTML界面的GUI库remi使用探究

pip install remi

import remi.gui as gui
from remi import start, App
class MyApp(App):
    def __init__(self, *args):
        super(MyApp, self).__init__(*args)
    def main(self):
        # 创建一个按钮
        btn = gui.Button("点击我")
        # 定义按钮的点击事件处理函数
        def on_button_pressed(widget):
            widget.set_text("我被点击了！")
        # 将按钮的点击事件与处理函数绑定
        btn.set_on_click_listener(on_button_pressed)
        # 将按钮添加到应用程序的根部件中
        self.main_container.append(btn)
        # 返回根部件
        return self.main_container
# 启动应用程序
start(MyApp)

import remi.gui as gui
from remi import start, App
class MyApp(App):
    def __init__(self, *args):
        super(MyApp, self).__init__(*args)
    def main(self):
        # 创建一个垂直布局
        vbox = gui.VBox(width=400, height=300)
        # 创建一个标签
        label = gui.Label("全栈测试开发技术")
        # 创建一个文本框
        text_box = gui.TextInput(width=200, height=30)
        # 创建一个按钮
        btn = gui.Button("点击我")
        # 创建一个水平布局
        hbox = gui.HBox(width=400, height=50)
        # 定义按钮的点击事件处理函数
        def on_button_pressed(widget, event):
            label.set_text(text_box.get_value())
        # 将按钮的点击事件与处理函数绑定
        btn.onclick.connect(on_button_pressed)
        # 将标签、文本框和按钮添加到垂直布局中
        vbox.append(label)
        vbox.append(text_box)
        vbox.append(btn)
        # 将垂直布局添加到水平布局中
        hbox.append(vbox)
        # 创建一个图像
        img = gui.Image("https://www.python.org/static/community_logos/python-logo-master-v3-TM.png", width=100, height=100)
        # 将图像添加到水平布局中
        hbox.append(img)
        # 返回水平布局
        return hbox
# 启动应用程序
start(MyApp)