beeware的Toga开发桌面程序和移动应用排列布局比较示例(二)
```python
import toga
def button_handler(widget):
print("按钮被点击了!")
def build_mobile_app(app # 创建一个按钮组件
button = toga.Button('移动应用按钮', on_press=button_handler)
# 创建一个标签组件
label = toga.Label('这是一个标签')
# 创建一个文本框组件
textinput = toga.TextInput()
# 创建一个垂直排列容器
vertical_box = toga.Box(style=Pack(direction=COLUMN))
vertical_box.add(button)
vertical_box.add(label)
vertical_box.add(textinput)
# 创建一个Toga移动应用
return toga.App('移动应用示例', 'org.example.mobile', startup=vertical_box)
if __name__ == '__main__':
mobile_app = toga.App('移动应用示例', 'org.example.mobile', app=build_mobile_app)
mobile_app.main_loop()
```
在上述示例中,我们使用了Toga库的排列组件功能,创建了一个垂直排列容器(vertical_box),并将按钮、标签和文本框依次添加到垂直排列容器中。这样的布局可以让这些组件在移动应用中垂直排列显示,使界面更加清晰和易于操作。同样的三个组件在桌面程序主窗口用水平排列和垂直排列结合综合布局,而移动应用主窗口只用了垂直排列布局一种排列方式。差别很明显。
希望这个示例能够帮助您更好地理解toga如何在移动应用中使用排列组件。如果您有其他问题,欢迎随时向我提问。