Kivyで１つのボタンを押したときに、2つのイベントを「順番」に行いたい。

Question

実現したいこと

簡単にいうと、
1つのボタンを押したときに、
A,B、2つのイベントを同時ではなく、A→Bの順でおこないたいということです。
基本的な書き方がわかりません。

具体的にいうと、
AIで絵本「ウォーリーをさがせ」の中から
ウォーリーを自動検出してくれるコンテンツを作成中です。

GUIをKivyで実装しようとしていますが、
Kivy（+Pyhon）初心者にて、やり方がわかりません。

やりたいことは、
1，ボタンを押す。
2，ウインドウの「左側」に「ウォーリーをさがせ」のとあるページを表示する。
3，ついで物体検出アルゴリズム(tensorflow)でウォーリーを探す。
4，ウォーリーが見つかる。
5，ウォーリーを四角く囲んだ答えの画像をウインドウの「右側」に表示させる。
です。

3，4が少し時間がかかるため、
まず、２の答えがない状態の画像だけを「先」に表示させておいて、
みんなにウォーリーを探してもらいます。
その間に3，4の答え探しをAIにおこなわせて、
5の答えを「遅れて」表示させたいです。

しかしながら、
1のボタンを押すと、
3，4が終わってから2,5が「同時」に表示されてしまいます。
つまり、問題と答えが同時に表示されてしまいます。

画像の表示や物体検出といった１つ１つのイベントは
問題なくできています。
Kivyの基本的なところがわかっていないだけです。

やったこと

下に、コードの一部を書きますが、

buttonClicked_2()
で「問題」画像の表示（2）、

buttonClicked()
で「答え」画像の表示（3-5）
を実装しています。

まず、本体のpythonファイルです。

色々インポート、省略します。

resource_add_path('./image')

class ImageWidget(Widget):
    source = StringProperty('./image/sample99.jpg')
    source2 = StringProperty('./image/sample98.jpg')
    source3 = StringProperty('./image/sample97.jpg')
    source4 = StringProperty('./image/sample96.jpg')

    def __init__(self, **kwargs):
        super(ImageWidget, self).__init__(**kwargs)
        pass

    def buttonClicked_2(self):
        self.source= './image/sample.jpg'

    def buttonClicked(self):
物体検出アルゴリズム、省略します。
        #答えファイルの表示
        self.source2= './image/Wally.jpg'
        self.source3= './image/Wally.jpg'
        self.source4= './image/Wally.jpg'

    def buttonClicked2(self):
        self.source = 'sample2.jpg'

    def buttonClicked3(self):
        self.source = 'sample3.jpg'


class TestkApp(App):
    def __init__(self, **kwargs):
        super(TestkApp, self).__init__(**kwargs)
        self.title = '画像表示'

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

下は、KVファイルです。

ImageWidget:

<Label>:
    font_name: "HGRPP1.TTC"

<ImageWidget>:
    BoxLayout:
        orientation: 'horizontal'
        size: root.size

        Image:
            source: root.source

        BoxLayout:
            orientation: 'vertical'
            size_hint_y: 1
            size_hint_x: 0.4
            
            Image:
                source: root.source2

            Image:
                source: root.source3

            Image:
                source: root.source4

        BoxLayout:
            orientation: 'vertical'
            size_hint_y: 1
            size_hint_x: 0.1
            padding: 20,30,20, 10
            Button:
                id: button1
                text: "問題1"
                font_size: 30
                on_press: root.buttonClicked_2(), root.buttonClicked()

以下省略

buttonClicked_2()が完了してから、
buttonClicked()をやってほしいのですが、
狙い通りに行きません。

２つを１つにしてもだめです。

単純な問題だと思います、
どなたかご教示してください。
よろしくお願いします。

補足情報

OS : windows10
CPU : Intel(R)Core(TM)i9-9900X CPU @ 3.50GHz
RAM : 128 GB
64bit OS
グラボ ：ZOTAC GAMING GeForce RTX 2080 AMP Edition　(2台)

anaconda環境で動かしています。

Answer 1

回答になるかわかりませんが類似の問題を解決している記事がありました。
参考記事：KivyでのImageの更新

こちらで対策にならないでしょうか？

おそらく

        self.source= './image/sample.jpg'

を、しただけでは画面は切り替わらず、IdleLoopに戻らないといけないと思います、しかし、buttonClicked_2関数を実行した後、Idle Loopに戻らずすぐにbuttonClicked関数が実行されていると思われます。

Comments

[SakuSakuLab]

早速のご回答ありがとうございます。

教えていただいた参考記事を読みました。
その後、KivyのClock objectについてググりました。
https://pyky.github.io/kivy-doc-ja/api-kivy.clock.html
Kivy(+python)初学者なのできちんと理解できたか不明ですが、

私の場合、
pythonファイルの、
def buttonClicked_2(self):
self.source= './image/sample.jpg'
に
Clock.schedule_once(root.buttonClicked)
pass
の記述を追加して、

KVファイルの
on_press: root.buttonClicked_2(), root.buttonClicked()
のところを
on_press: root.buttonClicked_2()
に書き換えればよいということでしょうか？
（importのところは省略してます、例：from kivy.clock import Clock）

これなら、
まずroot.buttonClicked_2()だけを実行して、
その後、
root.buttonClicked()を実行してくれると考えています。
考え合ってますでしょうか？
（帰宅したため、コードの実行・確認ができません。）
よろしくおねがいします。

[nomuken]

ほぼあってると思います。たしかにschedule_intervalよりschedule_onceを使ったほうが適切ですね。
あとは"def buttonClicked"に引数を一つ追加する必要があるみたいです。（Clock.schedule_onceから指定されるときは2個必要らしい）

[SakuSakuLab]

即レスありがとうございます。

def buttonClicked(self)
↓
def buttonClicked(self, dt)
といった感じでしょうか？
明日、試してみます。

適切なご指摘ありがとうございます。

[SakuSakuLab]

nomuken様

ご教示ありがとうございます。
できるようになりました！

正確には、
pythonファイルの、
def buttonClicked_2(self):
self.source= './image/sample.jpg'
に
Clock.schedule_once(self.buttonClicked, 0)
pass
を追加、

def buttonClicked(self)
↓
def buttonClicked(self, dt)
と修正。

KVファイルを
on_press: root.buttonClicked_2(), root.buttonClicked()
↓
on_press: root.buttonClicked_2()
に修正。

でできるようになりました。

適切な示唆ありがとうございました！
ベストアンサーにさせていただきます。

またよろしくお願いします。