[Kivy教程]UI实例

Kivy提供了很多的部件，在接下来的项目中比较常用到的有BoxLayout，TextInput， Button，还有本次用到的Label等，大家可以根据自己的需求设计UI，然后添加部件，在官网上都可以看到相应的部件函数，如Layout里除了BoxLayout还有AnchorLayout，FloatLayout等，大家可以去用用试试看。

接下来我们就用之后的开发中用的最频繁的BoxLayout和Button来给大家做一个简单的UI演示。

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.boxlayout import BoxLayout

class boxLayoutExample(App):
    def build(self):
        layout = BoxLayout(orientation='vertical', spacing=15, padding=10) #创建Layout
        buttons = [str(i) for i in range(7)] #设置按键的标签
        for i in range(7):
            button = Button(text=buttons[i], size_hint=(.5, .5),
                            pos_hint={"center_x": .5, "center_y": .5})
            layout.add_widget(button) #将按键加入到Layout中
        return layout


if __name__ == "__main__":
    app = boxLayoutExample()
    app.run()

如果运行之后没有错的话你将看到如下的界面

参考Hello World部分的代码解释以及本次代码中的注释我们大概可以理解，首先继承App类然后重写build()函数，在函数中创建一个BoxLayout，然后以字符的形式为按钮创建标签，接着用一个循环将按钮添加到Layout中即可。可以在出现的界面上点一下0-6的数字，可以发现确实是按键，可以按下可以弹起。

需要注意的是创建BoxLayout的时候，里面用到的orientation，spacing，padding的局部变量，它们的含义如下：

padding：可以通过以下三种方式之一指定Layout及其子元素之间的填充像素：

1.四参数列表： [padding_left，padding_top，padding_right，padding_bottom]

2.两个参数的列表： [padding_horizontal，padding_vertical]

3.单个参数： padding=10

spacing：可以使用此参数在子窗口小部件之间添加空间。

orientation：可以更改默认orientation的BoxLayout从水平到垂直。

其他BoxLayout的参数也可以在官网上看到其含义和使用方法，官方手册是很好的工具，大家可以好好利用，顺便锻炼一下英语。