在Kivy中使用和移动小部件/按钮

时间:2014-08-12 19:58:54

标签: python python-2.7 drawing kivy

我刚从Kivy开始,它与我以前的不同,如果我犯了愚蠢的错误,请道歉!

现在我正在尝试创建一个执行以下操作的应用:

  • 允许创建节点(目前为省略号)。
  • 允许用户通过拖动来定位节点。
  • 允许用户使用一行连接节点。

到目前为止,我已经实现了第一次,第二次实现了。

现在我的拖拉效果不太好。如果我移动鼠标太快,它会取消移动方法(因为它不再接触)。有没有更好的方法来产生拖动,或者我只是提高刷新率(如果是这样的话?)。

def on_touch_move(self, touch):
   if self.collide_point(touch.x, touch.y):
       self.pos=[touch.x-25, touch.y-25]

我尝试使用按钮,使用on_press方法更好地跟踪移动。但是现在我很难更新按钮的位置(主要是语法)。

    class GraphNode(Button):
       background_disabled_down=1
       background_disabled_normal=1

       def moveNode(self):
           with touch:
               self.pos=[touch.x-25, touch.y-25]

我不知道如何使用触摸值,并不断收到一系列错误。 (显然目前的尝试并不奏效,我只是觉得这很有趣)。

你可能会说,我也不知道如何摆脱按钮图形,因为我想使用椭圆。如果有人可以告诉我如何在按钮上更改椭圆的颜色,这将是一个额外的好处,这将是很酷的!

kv文件:

    <GraphNode>:
        size: 50, 50
        canvas:
            Ellipse:
                pos: self.pos
               size: self.size
        on_press:
            root.moveNode()

我希望能够使用触摸信息更新位置,但不知道如何在此处实施。

完整的核心python代码:

    from kivy.app import App
    from kivy.uix.widget import Widget
    from kivy.uix.button import Button
    from kivy.properties import NumericProperty, ReferenceListProperty,\
        ObjectProperty
    from kivy.graphics import Color, Ellipse, Line


    class GraphInterface(Widget):
        node = ObjectProperty(None)



    class GraphApp(App):

        def build(self):
            node = GraphNode()
            game = GraphInterface()

            createNodeButton = Button(text = 'CreateNode', pos=(100,0))
            createEdgeButton = Button(text = 'CreateEdge')
            game.add_widget(createNodeButton)
            game.add_widget(createEdgeButton)

            def createNode(instance):
                game.add_widget(GraphNode())
                print "Node Created"

            def createEdge(instance):
                game.add_widget(GraphEdge())
                print "Edge Created"

            createNodeButton.bind(on_press=createNode)
            createEdgeButton.bind(on_press=createEdge)
            return game

    class GraphNode(Button):

        def moveNode(self):
            with touch:
                self.pos=[touch.x-25, touch.y-25]


       #def onTouchMove(self, touch):
       #   if self.collide_point(touch.x, touch.y):
       #       self.pos=[touch.x-25, touch.y-25]
        pass

    class GraphEdge(Widget):

        def __init__(self, **kwargs):
            super(GraphEdge, self).__init__(**kwargs)
            with self.canvas:
                Line(points=[100, 100, 200, 100, 100, 200], width=1)
        pass

    if __name__ == '__main__':

        GraphApp().run()

如果您需要任何其他信息,或任何不清楚的地方,请告诉我们!

编辑:第二个问题转移到:Creating a dynamically drawn line in Kivy

1 个答案:

答案 0 :(得分:5)

首先,您应该阅读Kivy中的touch events。这里特别感兴趣的是抓住触摸事件的部分。基本上,你可以&#34;抓住&#34;触摸以确保抓取窗口小部件始终会从该触摸中接收更多事件 - 换句话说,触摸事件后的on_touch_moveon_touch_up将发送到您的窗口小部件。

基本示例:

class MyWidget(Widget):
    def on_touch_down(self, touch):
        if self.collide_point(*touch.pos):
            touch.grab(self)
            # do whatever else here

    def on_touch_move(self, touch):
        if touch.grab_current is self:
            # now we only handle moves which we have grabbed

    def on_touch_up(self, touch):
        if touch.grab_current is self:
            touch.ungrab(self)
            # and finish up here

但是,甚至更好!如果你想能够拖动小部件,Kivy已经拥有:Scatter

只需将您的小部件包装在Scatter中,然后将其拖动即可。您也可以使用多点触控来旋转和缩放Scatter,但您可以轻松禁用它(kv):

FloatLayout:
    Scatter:
        do_scale: False
        do_rotation: False

        MyWidget:

旁注 - 这是不正确的:

class GraphNode(Button):
   background_disabled_down=1
   background_disabled_normal=1

background_disabled_downbackground_disabled_normalKivy properties - 您应该在__init__中设置这些值。

强制执行以下值:

class GraphNode(Button):
    def __init__(self, **kwargs):
        super(GraphNode, self).__init__(background_disabled_down='',
                                        background_disabled_normal='', **kwargs)

建议这些值(更好的选择):

class GraphNode(Button):
    def __init__(self, **kwargs):
        kwargs.setdefault('background_disabled_down', '')
        kwargs.setdefault('background_disabled_normal', '')
        super(GraphNode, self).__init__(**kwargs)

最后,请注意这些属性为filenames pointing to the images used for the disabled Button。如果删除这些值并禁用按钮,它将不会绘制任何背景。