Valign 不能在 kivy 中工作？

Question

我这里有这个 kivy 文件：

<Help>:
    Label:
        text: "[b]Help Page[/b]\n"
        font_size: 30
        markup: True
        valign: "top"
        color: 0,0,0,1
    Label:
        text: "[b] How To Use:[/b]\n"
        font_size: 30
        markup: True
        valign: 'top'
        color: 0,0,0,1

但是，文本不会转到页面顶部。这是输出：

这有什么问题？我还可以问一下如何格式化那些重叠的文本。谢谢:)

编辑： 这就是我希望文本发生的事情：

想要的输出

所以为了得到这个结果，我尝试使用 valign 和 halign 来格式化文本，但它似乎不起作用。希望这能澄清我的问题:)

Answer 1

在顶部显示文本

要使用 valign: 'top' 在顶部显示文本，请将 text_size: root.width, None 替换为 text_size: root.width, root.height

片段

<Help>:
    Label:
        id: help
        text_size: root.width, root.height
        markup: True
        valign: 'top'
        halign: 'center'
        color: 0,0,0,1

输出

将两个字符串显示为一个

要将“How to Operate: Some text here”和“Some title Some more text”这两个字符串显示为一个，我们将执行以下操作： p>

kv 文件

<Help>:
    Label:
        id: help
        text_size: root.width, None
        markup: True
        halign: 'center'
        color: 0,0,0,1

Python 代码

class Help(Screen):

    def on_pre_enter(self, *args):
        self.ids.help.text = "[size=30][b]How to Operate[/b][/size]\nSome text here" + \
                             "\n\n[size=30][b]Some title[/b][/size]\nSome more text"

输出 - 组合文本

文字重叠

标签的文本重叠，因为您在屏幕布局中将两个标签小部件相互叠加。

添加一个 BoxLayout 作为两个 Label 小部件的父级，以防止文本重叠。

文字环绕

以一定宽度包裹文本，提供宽度。例如，要在宽度为 200 且高度不受限制的框中创建标签。

Label(text='Very big big line', text_size=(200, None))

片段

<Help>:
    BoxLayout:
        orientation: 'vertical'

        Label:
            text_size: dp(230), None
            height: self.texture_size[1]
            text: "[size=30][b]How to Operate[/b][/size]Some text here"
            markup: True
            valign: "top"
            halign: 'center'
            color: 0,0,0,1

        Label:
            text_size: dp(150), None
            text: "[size=30][b]Some title[/b][/size]Some more text"
            markup: True
            valign: 'top'
            halign: 'center'
            color: 0,0,0,1

输出

文本对齐

添加text_size: self.size

片段

<Help>:
    Label:
        text_size: self.size
        text: "[b]Help Page[/b]\n"
        font_size: 30
        markup: True
        valign: "top"
        color: 0,0,0,1
    Label:
        text_size: self.size
        text: "[b] How To Use:[/b]\n"
        font_size: 30
        markup: True
        valign: 'top'
        color: 0,0,0,1

Text alignment and wrapping

为了使halign 和valign 对齐属性 生效，设置text_size，指定大小 文本对齐的边界框。

输出