Eugene Kokin
Eugene Kokin

Reputation: 33

Kivy Canvas Widget draws on the top of buttons

This example from book Mark Vasilkov - "Kivy Blueprints" It works, but, while drawing, lines, paint over the buttons. Please help to solve this problem

...   
class CanvasWidget(Widget):  

def on_touch_down(self, touch):
    if Widget.on_touch_down(self, touch):
        return True
    print(touch.x, touch.y)
    with self.canvas:
        Color(*get_color_from_hex('#0080FF80'))
        Line(circle=(touch.x, touch.y, 2), width=2)
        touch.ud['current_line'] = Line(points=(touch.x, touch.y), width=2)     

def on_touch_move(self, touch):                               
    if 'current_line' in touch.ud:
        touch.ud['current_line'].points += (touch.x, touch.y)

def set_color(self, new_color):
    self.canvas.add(Color(*new_color))    

def clear_canvas(self):        
    self.canvas.clear()
    saved = self.children[:]
    self.clear_widgets()        
    for widget in saved:
        self.add_widget(widget)

class PaintApp(App):

def build(self):
    self.canvas_widget = CanvasWidget()
    self.canvas_widget.set_color(get_color_from_hex('#2980B9'))
    return self.canvas_widget

if __name__ == '__main__':
PaintApp().run()

Button 'Clear' and 'ColorButtons' on Kv file.

<CanvasWidget>:
Button:  
on_release: root.clear_canvas()
text: 'Clear'
...
<ColorButton@RadioButton>:
on_release: app.canvas_widget.set_color(self.background_color)
...

Upvotes: 2

Views: 2517

Answers (1)

JGcht
JGcht

Reputation: 246

Use canvas.before instead of canvas:

...
def on_touch_down(self, touch):
    if Widget.on_touch_down(self, touch):
        return True
    print(touch.x, touch.y)
    with self.canvas.before:
        Color(*get_color_from_hex('#0080FF80'))
        Line(circle=(touch.x, touch.y, 2), width=2)
        touch.ud['current_line'] = Line(points=(touch.x, touch.y), width=2)
...

Upvotes: 2

Related Questions