在Kivy中使用和移动widget /按钮



我刚开始用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()

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

编辑:第二个问题转移到:在Kivy中创建动态绘制的线

首先,您应该阅读Kivy中的触摸事件。这里特别有趣的是关于抓取触摸事件的部分。基本上,你可以"抓取"一个触摸,以确保抓取小部件将始终接收来自该触摸的进一步事件——换句话说,触摸事件之后的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_normal是Kivy属性-您应该在__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)

最后,请注意,这些属性是指向被禁用的Button所使用的图像的文件名。如果你删除这些值,并禁用按钮,它将不绘制任何背景

最新更新