kivy: badly aligned widgets

Question

Example code fragment from a base class:

def build_extra_content(self):
    grp = 'choice_dialog'
    extra_content = GridLayout(cols=2)
    lb_width = self.width - 2 * self.choice_height
    for choice in self.choices:
        cb = CheckBox(group=grp,
                      size_hint=(None, None), size=(self.choice_height, self.choice_height))
        lb = Label(markup=True, text=choice, halign='left', valign='middle',
                   size_hint=(None, None), size=(lb_width, self.choice_height))
        lb.texture_size = (lb_width, self.choice_height)
        extra_content.add_widget(cb)
        extra_content.add_widget(lb)
        # TODO: check the checkbox when the label is touched.
        def _lb_press(*args):
            print(args)
        cb.bind(on_touch_down=_lb_press)

    return extra_content

The content is displayed in this dialog:

I have two questions. First: why the text is aligned to the center? I have already set absolute sizes for both the label and its texture size, and set halign='left'. But the text is still aligned to the center. Why?

Second: I wanted the labels to be clickable/touchable. E.g. the checkboxes should be selected by touching their corresponding labels. Whenever I click on a single label or checkbox, this is printed:

(, )
(, )
(, )

Actually it doesn't matter where I click. Even if I click outside the GridLayout, always all labels will trigger the touch event. But why? I only want the one under my finger.

Thanks

Mikhail Gerasimov · Accepted Answer

First: why the text is aligned to the center? I have already set absolute sizes for both the label and its texture size, and set halign='left'. But the text is still aligned to the center. Why?

You're setting texture_size, but you should set text_size instead.

Second: I wanted the labels to be clickable/touchable. E.g. the checkboxes should be selected by touching their corresponding labels. Whenever I click on a single label or checkbox, this is printed:

In Kivy every widget receive touch event. You should check if touch happened inside your label manually:

def on_touch_down(self, touch):
    if self.collide_point(*touch.pos):
        # The touch has occurred inside the widgets area. Do stuff!
        pass

kivy: badly aligned widgets

Answers (2)

Note

Example

Related Questions