Python Kivy - 外部布局的边距

Question

我正在尝试学习 Kivy 并尝试在内部和外部布局之间创建边距。 对于父布局，size_hint 和 pos_hint 做了它应该做的事情，但对于子布局，边距功能只能垂直工作，结果如下：

我究竟做错了什么？

代码：

BoxLayout:
    size_hint: [.9, .9]
    pos_hint: { 'top' : .95, 'right': .95}
    canvas:
        Color:
            rgb: [.8, .8, .8]
        Rectangle:
            pos: self.pos
            size: self.size

    BoxLayout:
        size_hint: [.9, .9]
        pos_hint: { 'top' : .95, 'right': .95}
        canvas:
            Color:
                rgb: [.6, .6, .6]
            Rectangle:
                pos: self.pos
                size: self.size

Answer 1

我也认为您可以使用浮动布局。 但我猜你想在这里使用padding和spacing进行设计。

下面的代码将提供像图像一样的填充和间距。

BoxLayout:
    size_hint: [.9, .9]
    pos_hint: { 'top' : .95, 'right': .95}

    # Add padding and spacing
    orientation: 'vertical'
    padding: 50
    spacing: 100

    canvas:
        Color:
            rgb: [.8, .8, .8]
        Rectangle:
            pos: self.pos
            size: self.size

    # Add New BoxLayout
    BoxLayout:
        canvas:
            Color:
                rgb: [.6, .6, .6]
            Rectangle:
                pos: self.pos
                size: self.size
    BoxLayout:
        canvas:
            Color:
                rgb: [.6, .6, .6]
            Rectangle:
                pos: self.pos
                size: self.size

填充和间距的图像

Answer 2

你为什么使用 BoxLayout，它用于将多个小部件放在一个中，在这里你只需在他的画布中放置一个矩形并给他一个子小部件，我不确定但也许它会有所帮助，并且可能使根成为一个浮动布局。