0

我用一个名为 DTErrorBar 的自定义小部件制作了一个示例布局，

<DTErrorBar>:
    RelativeLayout:
        size_hint: None, None
        size: 20, 450
        canvas:
            Color:
                rgba: col_fg
            Line:
                points: 10, 10, 10, 410
                width: 4
            Color:
                hsv: col_gn_marker_hsla
            Line:
                points: 10, 10, 10, 410
                width: 2

在我的示例中，此小部件包含在 BoxLayout 中，如下所示：

    BoxLayout:
        orientation: "horizontal"
        DTErrorBar:
        Button:
        Button:
        DTErrorBar:

但我无法将它与 boxLayout 内的按钮和其他 DTErrorBar 堆叠在一起，这就是我得到的：

在此处输入图像描述

这就是我所期望的：

在此处输入图像描述

现在，您可能会问，我是如何获得我所期望的图像的？，它是对我使用自定义小部件的代码进行了一些小的更改：

    BoxLayout:
    orientation: "vertical"
    BoxLayout:
        orientation: "horizontal"
        RelativeLayout:
            DTErrorBar:
        Button:
        Button:
        RelativeLayout:
            DTErrorBar:

因此，将 DTErrorBar 小部件包装在 RelativeLayout 中似乎可以使其工作，但我不确定为什么，如果我已经有一个 RelativeLayout 作为 DTErrorBar 小部件内所有内容的包装器。

总之，我必须对 DTErrorBar 的定义做什么才能获得预期的行为？如果有人可以解释我在这里做错了什么以便从我的错误中吸取教训，那也会很有趣，谢谢。

非预期案例的完整代码：https ://gist.github.com/payala/bc54f4d3d2378a97c26c9afe88858b07

非预期案例的完整代码：https ://gist.github.com/payala/9de4de166c7c1942cc923c32550bf661

编辑：jligeza 回答后的修改

在 python 端，DTErrorBar 类是这样声明的：

class DTErrorBar(Widget):
    pass

它正在创建从基Widget类派生的自定义小部件。更改为从 Layout 类继承解决了它：

class DTErrorBar(RelativeLayout):
    pass

通过这样做，在小部件定义中使用 RelativeLayout 也不再有意义，因为小部件本身就是一个 RelativeLayout，所以最终的小部件定义代码变为：

<DTErrorBar>:
    size_hint: None, None
    size: 20, 450
    canvas:
        Color:
            rgba: col_fg
        Line:
            points: 10, 10, 10, 410
            width: 4
        Color:
            hsv: col_gn_marker_hsla
        Line:
            points: 10, 10, 10, 410
            width: 2
4

1 回答 1

3

应该子类化DTErrorBar一些布局小部件，例如RelativeLayout. 如果您将一个 simple 子类Widget化，那么它不知道如何定位其子级（此处：具有画布的相对布局），因此它将它们的所有位置设置为窗口的 [0, 0]。

于 2016-09-04T10:02:36.573 回答