2021-07-25

一起学习kyvy（二）:页面布局二：FloatLayout

FloatLayout是浮动布局，它可以通过设施控件的尺寸、位置放在窗口的做任意位置。在使用该布局时，通过大小size_hint和位置pos_hint根据窗口的大小自动调整控件的大小，尤其适用于不同分辨率的设备。示例：

floatlayoutmain.py

from kivy.app import App
from kivy.uix.floatlayout import FloatLayout


class MyFloatLayoutWidget(FloatLayout):
    def __init__(self, **kwargs):
        super(MyFloatLayoutWidget, self).__init__(**kwargs)


class MyFloatLayoutWidgetApp(App):
    def build(self):
        return MyFloatLayoutWidget()


if __name__ == "__main__":
    MyFloatLayoutWidgetApp().run()

myfloatLayoutwidget.kv

<MyFloatLayoutWidget>:

    canvas:
        Color:
            rgba: 0, .5, .5, .5
        Rectangle:
            size: self.size
            pos: self.pos

    Label:
        text: 'Please input:'
        size_hint: .2, .1
        pos_hint: {'x':.01, 'y': .9}
    
    TextInput:
        multiline: False
        font_size: 30
        size_hint: .6, .1
        pos_hint: {'x':.2, 'y': .9}
    
    Button:
        text: 'Bt0'
        size_hint: 0.19, 0.1
        pos_hint: {'x':.8, 'y':.9}

    Label:
        text: 'Hello FloatLayout!'
        font_size: 30
        size_hint: .5, .5
        pos_hint: {'center_x':.5, 'center_y': .5}
        

    Button:
        text: 'Bt1'
        size_hint: 0.5, 0.1
        pos_hint: {'x':0, 'y':0}

    Button:
        text: 'Bt2'
        size_hint: 0.5, 0.1
        pos_hint: {'x':.5, 'y':0}

效果：