kivy:对齐不良的小部件

Question

基类中的示例代码片段：

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

内容显示在此对话框中：

​

​

我有两个问题。第一:为什么文本与中心对齐？我已经为标签和它的纹理大小设置了绝对大小，并设置了halign='left‘。但文本仍然与中心对齐。为什么？

第二:我希望标签是可点击的/可触摸的。例如，复选框应该通过触摸相应的标签来选择。每当我单击单个标签或复选框时，都会打印如下：

(<kivy.uix.checkbox.CheckBox object at 0x0B2C01B8>, <MouseMotionEvent button="left" device="mouse" double_tap_time="0" dpos="(0.0, 0.0)" dsx="0.0" dsy="0.0" dsz="0.0" dx="0.0" dy="0.0" dz="0.0" grab_current="None" grab_exclusive_class="None" grab_list="[]" grab_state="False" id="mouse3" is_double_tap="False" is_mouse_scrolling="False" is_touch="True" is_triple_tap="False" opos="(644.0, 379.0)" osx="0.503125" osy="0.47375" osz="0.0" ox="644.0" oy="379.0" oz="0.0" pos="(644.0, 379.0)" ppos="(644.0, 379.0)" profile="['pos', 'button']" psx="0.503125" psy="0.47375" psz="0.0" push_attrs="('x', 'y', 'z', 'dx', 'dy', 'dz', 'ox', 'oy', 'oz', 'px', 'py', 'pz', 'pos')" push_attrs_stack="[]" px="644.0" py="379.0" pz="0.0" shape="None" spos="(0.503125, 0.47375)" sx="0.503125" sy="0.47375" sz="0.0" time_end="-1" time_start="1507722998.229789" time_update="1507722998.229789" triple_tap_time="0" ud="{}" uid="3" x="644.0" y="379.0" z="0.0">)
(<kivy.uix.checkbox.CheckBox object at 0x0B5FC2D0>, <MouseMotionEvent button="left" device="mouse" double_tap_time="0" dpos="(0.0, 0.0)" dsx="0.0" dsy="0.0" dsz="0.0" dx="0.0" dy="0.0" dz="0.0" grab_current="None" grab_exclusive_class="None" grab_list="[]" grab_state="False" id="mouse3" is_double_tap="False" is_mouse_scrolling="False" is_touch="True" is_triple_tap="False" opos="(644.0, 379.0)" osx="0.503125" osy="0.47375" osz="0.0" ox="644.0" oy="379.0" oz="0.0" pos="(644.0, 379.0)" ppos="(644.0, 379.0)" profile="['pos', 'button']" psx="0.503125" psy="0.47375" psz="0.0" push_attrs="('x', 'y', 'z', 'dx', 'dy', 'dz', 'ox', 'oy', 'oz', 'px', 'py', 'pz', 'pos')" push_attrs_stack="[]" px="644.0" py="379.0" pz="0.0" shape="None" spos="(0.503125, 0.47375)" sx="0.503125" sy="0.47375" sz="0.0" time_end="-1" time_start="1507722998.229789" time_update="1507722998.229789" triple_tap_time="0" ud="{}" uid="3" x="644.0" y="379.0" z="0.0">)
(<kivy.uix.checkbox.CheckBox object at 0x0B5F3768>, <MouseMotionEvent button="left" device="mouse" double_tap_time="0" dpos="(0.0, 0.0)" dsx="0.0" dsy="0.0" dsz="0.0" dx="0.0" dy="0.0" dz="0.0" grab_current="None" grab_exclusive_class="None" grab_list="[]" grab_state="False" id="mouse3" is_double_tap="False" is_mouse_scrolling="False" is_touch="True" is_triple_tap="False" opos="(644.0, 379.0)" osx="0.503125" osy="0.47375" osz="0.0" ox="644.0" oy="379.0" oz="0.0" pos="(644.0, 379.0)" ppos="(644.0, 379.0)" profile="['pos', 'button']" psx="0.503125" psy="0.47375" psz="0.0" push_attrs="('x', 'y', 'z', 'dx', 'dy', 'dz', 'ox', 'oy', 'oz', 'px', 'py', 'pz', 'pos')" push_attrs_stack="[]" px="644.0" py="379.0" pz="0.0" shape="None" spos="(0.503125, 0.47375)" sx="0.503125" sy="0.47375" sz="0.0" time_end="-1" time_start="1507722998.229789" time_update="1507722998.229789" triple_tap_time="0" ud="{}" uid="3" x="644.0" y="379.0" z="0.0">)

实际上，我点击哪里并不重要。即使我单击GridLayout外部，所有标签都会触发触摸事件。但是为什么呢？我只想要我指头下的那个。

谢谢

Answer 1

第一:为什么文本与中心对齐？我已经为标签和它的纹理大小设置了绝对大小，并设置了halign='left‘。但文本仍然与中心对齐。为什么？

您正在设置texture_size，但应该设置了text_size。

第二:我希望标签是可点击的/可触摸的。例如，复选框应该通过触摸相应的标签来选择。每当我单击单个标签或复选框时，都会打印如下：

在Kivy，每个小部件都接收触摸事件。您可以应该检查是否手动在标签内发生触摸：

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

Answer 2

这是你第二个问题的答案。

备注

默认情况下，将向所有当前显示的小部件分派触摸事件。这意味着小部件接收触摸事件，不管它是否发生在它们的物理区域内。 为了提供最大的灵活性，Kivy将事件分派给所有小部件，并让它们决定如何对它们作出反应。如果您只想响应小部件中的触摸事件，只需检查：

示例

class ProjectSelectButton(Button):
    def click_on_button(self, instance, touch, *args):
        print(instance)
        if self.collide_point(*touch.pos):
            if touch.button == 'right':
                print(self.id, "right mouse clicked")
            elif touch.buttom == 'left':
                print(self.id, "left mouse clicked")
            return True
        return super(ProjectSelectButton, self).on_touch_down(touch)