用python和Flexx制作计算器UI界面的代码

以下是使用Python和Flexx制作一个简单的计算器UI界面的代码示例：

from flexx import app, ui

class Calculator(ui.Widget):

    def init(self):
        super().init()

        with ui.VBox():
            self.result_label = ui.Label(text='0', style='font-size: 20px; padding: 10px;')
            self.input_layout = ui.HBox(style='padding: 10px;')

            with self.input_layout:
                self.input_textbox = ui.LineEdit(flex=1, style='font-size: 18px;')
                self.calculate_button = ui.Button(text='Calculate', style='margin-left: 10px;')

            self.calculate_button.clicked.connect(self.calculate)

    def calculate(self):
        expression = self.input_textbox.text()
        try:
            result = eval(expression)
            self.result_label.set_text(str(result))
        except:
            self.result_label.set_text('Error')

if __name__ == '__main__':
    app.launch(Calculator)

这个代码创建了一个Calculator类，继承自Flexx的Widget类。在init方法中，我们创建了一个垂直布局的VBox，并在其中添加了一个Label、一个水平布局的HBox和一个Button。Label用于显示计算结果，LineEdit用于输入表达式，Button用于触发计算操作。

在calculate方法中，我们获取输入的表达式并尝试计算结果。如果计算成功，将结果显示在Label中；如果计算失败，将显示错误信息。

最后，我们使用app.launch方法启动Flexx应用，并将Calculator作为根组件