More than 5 years have passed since last update.

Kivy Labelの左寄せ、右寄せについて

Posted at 2016-12-07

普通に書くと中央に表示されるKivyのLabel

Kivyで文字を表示する際はLabelを使用します。
なんとなく左上に寄せたい場合は下みたいな感じで書くと思います。

test.kv

Label:
    text: root.text
    halign: 'left'
    valign: 'top'

実はこれだと左上に寄りません。中央に表示されます。
Labelはsize以外にtext_sizeという表示領域を決めるプロパティを持っており、
halign, valignはtext_size内の位置を決めるプロパティです。

text_sizeが小さいままだと、text_size内でどっちに寄ろうが
text_sizeそのものが中央に表示されてしまって
結局真ん中に文字が表示されます。

下のようにtext_size: self.sizeを指定するとLabelの領域全体が
文字の表示領域となります。
その中で左上に寄せますので、文字が左上に表示されます。

Label:
    text_size: self.size       #←追加
    text: root.text
    halign: 'left'
    valign: 'top'