kivyのcarouselにおいて読み込んだwidgetの順次表示

Question

python3.8.0、Kivyを用いて簡単な画像ビューアプリを作成しています。
画像の入ったzipを読み込み、PIL、Textureを用いてKivyのImageにのせ、Carouselにadd_widgetしています。
質問はこの方法をとった場合、Carouselは画像の全てを読み込んでからしか表示されず、画像枚数が多い場合に待ち時間が長くなってしまいます。
画像の一枚目を読み込んだ時点でCarouselを表示し、それと並行して順次Imageを読み込んで行って欲しいのですがどのようなファクターを用いれば達成できるでしょうか。

pyファイル

from kivy.app import App
from kivy.uix.carousel import Carousel
from kivy.uix.boxlayout import BoxLayout
from kivy.properties import ObjectProperty
from kivy.graphics.texture import Texture
from kivy.uix.image import Image as Img
import zipfile
import io
from PIL import Image

import time


class Cartest(App):
    def __init__(self, **kwargs):
        super(Cartest,self).__init__(**kwargs)
        self.title="test"
        
class ImageCell(Carousel):
    pass

class MainDis(BoxLayout):
    imagecell=ObjectProperty()
    def imageload(self):
        self.imagecell.clear_widgets()
        ziplist=zipfile.ZipFile("画像の複数枚入ったzipfile")
        ziplist=zipone.namelist()
        imagecount=0
        for i in ziplist:
            time.sleep(3)
            img=zipone.open(i)
            img=io.BytesIO(img.read())
            img=Image.open(img)
            img=img.convert("RGB")
            texture=Texture.create(size=img.size)
            texture.blit_buffer(img.tobytes())
            texture.flip_vertical()
            self.imagecell.add_widget(Img(texture=texture,allow_stretch=True))
            imagecount+=1
            print(imagecount)


if __name__=="__main__":
    Cartest().run()

kvファイル

<ImageCell>
<MainDis>
    imagecell: imagecell
    BoxLayout:
        orientation:"vertical"
        ImageCell:
            id: imagecell
            size_hint_y:.9
        Button:
            text: "test"
            size_hint_y:.1
            on_press: root.imageload()
MainDis

このコードでは便宜上、画像読み込み時に3秒待っています。一枚目を読み込んだ後、2枚目の待ち時間にすでに一枚目を見れるようにしたいです。
調べた限りでは非同期処理の勉強をすべきかと思ったのですが、もしスマートに達成できそうな方法があれば教えていただきたいです。

Comments

[gottadiveintopy]

Clock.schedule_interval()を用いると一定間隔で関数を呼んでくれるので、それを利用して例えば一秒間隔でCarouselに少しずつ画像を加えていくと良いと思いますよ

Answer 1

多くのGUI programにおいて普通main thread内ではtime.sleep()は使えないので代わりにGUI libraryが提供してくれているtimer系の機能を使わないといけないです。KivyではClock.schedule_once()やClock.schedule_interval()等がそれに当たります。ただ今回これらを用いる場合には少し工夫が必要で、現在はcodeの構造は

    def imageload(self):
        ...
        for i in iterable:
            time.sleep(3)
            # 繰り返し行いたい処理

となってますけど、これを例えば

    def imageload(self):
        ...
        iterator = iter(iterable)
        def callback(dt):
            try:
                i = next(iterator)
            except StopIteration:
                return False
            # 繰り返し行いたい処理
        Clock.schedule_interval(callback, 3)

といった形に組み替えないといけないです。こういった感じでCUI programとは異なった形のcode構造をとらないといけないのがGUI programで、これがGUI programmingを難しくしている要因の一つです(と私は思ってます)。

でもこの問題を解決する方法が存在していてそれがasync/await構文になります。手前味噌なんですがasynckivyを用いる事で元の構造を保ったまま以下のように書けます。

import asynckivy

class MainDis(BoxLayout):
    async def imageload(self):
        ...
        for i in iterable:
            await asynckivy.sleep(3)
            # 繰り返し行いたい処理

#:import asynckivy asynckivy
<MainDis>
    BoxLayout:
        Button:
            on_press: asynckivy.start(root.imageload())

Clock.schedule_interval()とasynckivy、お好きな方をどうぞ。

Comments

[ulthar]

いつもありがとうございます。
取り急ぎテストコードで試してみたらClock.schedule_interval()、asynckivyともに想定通り動きました。
テストコードではasynckivyの方が早そうな気がします。本番のアプリで適応してみて良さそうな方を使ってみようと思います。
ありがとうございました。