python - boxlayout中的文本左对齐

Question

用户.kv

#:kivy 1.10.0
#:import CoreImage kivy.core.image.Image
#:import os os

<SelectableButton>:
    # Draw a background to indicate selection
    canvas.before:
        Color:
            rgba: (0, 0.517, 0.705, 1) if self.selected else (0, 0.517, 0.705, 1)
        Rectangle:
            pos: self.pos
            size: self.size

1. 如何给用户列表添加背景色
2. 如何左对齐移动

Answer 1

文本对齐 - 按钮/标签

默认情况下，文本图像(纹理)仅大到足以包含字符并位于中心。 valign 属性将无效，而 halign 仅在您的文本有换行符时才有效；即使 halign 设置为左​​对齐(默认情况下)，单行文本也会显示为居中。

为了使对齐属性生效，请设置 text_size，它指定文本对齐的边界框的大小。例如，以下代码将此大小绑定(bind)到按钮/标签的大小，因此文本将在小部件边界内对齐。这也会自动换行按钮/标签的文本以保留在此区域内。

padding_x 是小部件框内文本的水平填充。它默认为 0。以下代码的值为 5，以便文本不靠近右边框。

左对齐

text_size: self.size
valign: "middle"
padding_x: 5

背景色

背景颜色，格式为(r, g, b, a)。

这作为纹理颜色的乘数。默认纹理是灰色的，所以只设置背景颜色会得到更暗的结果。要设置纯色，请将 background_normal 设置为 ''。

background_color: (1, 1, 0, 1)

解决方案 - 文本左对齐和背景色

<SelectableButton>:
    # Draw a background to indicate selection
    canvas.before:
        Color:
            rgba: (0, 0.517, 0.705, 1) if self.selected else (0, 0.517, 0.705, 1)
        Rectangle:
            pos: self.pos
            size: self.size
    background_color: (1, 1, 0, 1)
    text_size: self.size
    valign: "middle"
    padding_x: 5

输出