kivy:严重对齐的小部件

时间:2017-10-11 12:02:16

标签: layout kivy

基类的示例代码片段:

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

内容显示在此对话框中:

enter image description here

我有两个问题。第一:为什么文本与中心对齐?我已经为标签及其纹理大小设置了绝对大小,并设置了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外部单击,总是所有标签都会触发触摸事件。但为什么?我只希望我手指下的那个。

由于

2 个答案:

答案 0 :(得分:1)

  

首先:为什么文本与中心对齐?一世   已经为标签及其纹理设置了绝对尺寸   大小,并设置halign ='left'。但文本仍然与之对齐   中央。为什么呢?

您设置了texture_size,但should设置了text_size

  

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

在Kivy中,每个小部件都会收到触摸事件。您should手动检查标签内是否发生了触摸:

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

答案 1 :(得分:0)

以下是第二个问题的答案。

注意

  

默认情况下,会将触摸事件分派给当前显示的所有内容   小部件。这意味着小部件接收触摸事件是否发生   在他们的物理区域内与否。

     

为了提供最大的灵活性,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)