Python Kivy で描いた領域を塗りつぶしたい

Question

前提・実現したいこと

Python Kivyの勉強のため、kivy_garden.painterでお絵かきアプリを作ろうとしています。
公式exampleの通りに実行すれば線は描画できますが、DEMO動画
https://www.youtube.com/watch?v=gsqgfqunKkg
の「Fill」機能が実現できません。

発生している問題・エラーメッセージ

AttributeError: 'PainterWidget' object has no attribute 'add_area_graphics'

該当のソースコード

kivy_painter.py

from kivy.app import App
from kivy.lang import Builder
from kivy.uix.widget import Widget
from kivy.uix.behaviors.focus import FocusBehavior
from kivy_garden.painter import PaintCanvasBehavior, PaintShape
from kivy.graphics.texture import Texture
from kivy.graphics import Rectangle
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.widget import Widget
from kivy.uix.image import Image

class PainterWidget(PaintCanvasBehavior, FocusBehavior, Widget, PaintShape):
    def create_shape_with_touch(self, touch):
        shape = super(PainterWidget, self).create_shape_with_touch(touch)
        if shape is not None:
            shape.add_shape_to_canvas(self)
        return shape

    def add_shape(self, shape):
        if super(PainterWidget, self).add_shape(shape):
            print(shape)
            shape.add_shape_to_canvas(self)
            return True
        return False


class MainScreen(BoxLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)


class MyApp(App):
    def build(self):
        MS = MainScreen()
        return MS


if __name__ == '__main__':
    Builder.load_file('kivy_painter.kv')
    MyApp().run()

kivy_painter.kv

#:kivy 1.11.1

<MainScreen>:
    BoxLayout:
        orientation: 'vertical'
        
        PainterWidget:
            id: painter_widget
            group: 'group_p'
            draw_mode: mode.text or 'freeform'
            locked: lock.state == 'down'
            multiselect: multiselect.state == 'down'
            canvas.before:
                Color:
                    rgba: 0, 1, 1, 0 # unabled
                    Rectangle:
                        pos: self.pos
                        size: self.size

        BoxLayout:
            size_hint_y: None
            height: "50dp"
            spacing: '20dp'
            Spinner:
                id: mode
                values: ['circle', 'ellipse', 'polygon', 'freeform', 'none']
                text: 'freeform'
            ToggleButton:
                id: lock
                text: "Lock"
            ToggleButton:
                id: multiselect
                text: "Multi-select"
            Button:
                text: 'clear'
                on_release: painter_widget.canvas.clear()
            Button:
                text: 'fill'
                on_release: painter_widget.add_area_graphics('group_p', painter_widget.canvas)

試したこと

https://kivy-garden.github.io/painter/flower.html#painter-widget
の　add_area_graphics_to_canvas(name, canvas)
が該当すると考えましたが、
AttributeError: 'PainterWidget' object has no attribute 'add_area_graphics'
となってしまいました。

代案として、opencvのcv2.floodFillを検討しましたが、塗りつぶし開始地点を手動で指定せねばならず、自動で塗りつぶすアルゴリズムを考え付くことができませんでした。

kivy_garden.painter以外でも、描いた領域を塗りつぶす方法がありましたらご教授願いたいです。
よろしくお願いします。

補足情報（FW/ツールのバージョンなど）

Windows10
python==3.6.7
kivy==1.11.1
kivy-garden.painter==0.2.0

Answer 1

add_area_graphics_to_canvas(name, canvas)
が該当すると考えましたが、
AttributeError: 'PainterWidget' object has no attribute 'add_area_graphics'
となってしまいました。

add_area_graphics_to_canvasが該当すると考えたのに何故add_area_graphicsを呼ぼうとしたのですか？

methodの名前と持ち主を確かめると良いと思いますよ。

Comments

[matsukosan]

ご回答ありがとうございます。
ミスに気付きadd_area_graphics_to_canvasに書き換えましたが、今度は
NotImplementedError
となってしまいました。

super(PainterWidget, self).　しろということだと考えましたが、
どの相手をsuperすればいいか理解できませんでした。

すみませんが、こちらのやり方を教えていただいても良いでしょうか？

[gottadiveintopy]

えっとNotImplementedErrorは上書きすべき関数をしていない時に起こるのですが、今回の場合kivy_garden.painter側のcodeの`add_area_graphics_to_canvas()`から起きているのでadd_area_graphics_to_canvas()という名前の関数を上書きしろと言っています。それで何故そう言われているかというとPainterWidgetがPaintShapeを継承しているからです。PaintShapeは図形を表す抽象classなのでその派生classは具体的な描画の手順を実装しないといけないわけです。じゃあそうすればいいのかというと違っていて、そもそもPaintWidgetがPaintCanvasBehaviorとPaintShapeを同時に継承しているのが間違いです。

PaintCanvasBehaviorは絵を描く対象であるキャンバスが継承すべき物で
PaintShapeはキャンバスに描かれる各図形が継承すべき物

なので全くの別物です。PaintShapeはkivy_garden.painter側が用意していない類の図形を自分で用意したい時に継承する物なので今回はしなくていいと思います。後は公式のcodeを真似していくと良いと思いますよ。

https://github.com/kivy-garden/painter/blob/master/kivy_garden/painter/__init__.py#L2210

link先の

「if __name__ == '__main__':」より上がlibrary側の実装codeで、下がlibraryを使う側のcodeになっているので参考にしてみてください。

(コマンドラインで python -m kivy_garden.painter.__init__ と打てば実際に動かすこともできます。)

[matsukosan]

実践できず遅くなってしまいました。
ご回答ありがとうございます！
リンク先を参照し、各shapeにcolor groupを設定し、そのshapeにadd_area_graphics_to_canvasを適用することで着色できるとわかりました。

いつもQiitaの記事など参考にさせていただいています。
ありがとうございました！