如何在缩略图库中制作可点击的kivy图像

时间:2017-11-22 03:48:18

标签: python image kivy bind

我试图通过做有趣的事情来学习kivy,但是很难理解做事的方式。

在Tkinter中,我创建了一个带有forloop的缩略图库,并将每个单独的图像绑定到一个回调,它只是将点击的图像的信息(路径)传递给回调以打开图像。但我似乎能理解如何在kivy中做这么简单的事情,所以我需要一些帮助。

使用Button小部件工作;我尝试使用按钮创建一个图库并将其背景更改为图像,但图像会变得拉伸和扭曲(不是我想要的)。

所以我用图像小部件创建了缩略图库,拇指显示刚找到,但是我找不到一种方法将点击的拇指信息传递给每个拇指的回调(回调事件)以便按照这种方式工作到。

我用on_touch_down属性绑定每个拇指,但是当执行回调时,所有拇指信息都会传递给回调,只需点击一次就不是我想要的,我只想要点击的单个拇指的信息传递回调。我读了kivy文档,但越来越困惑。这里的任何方式都是我的裸骨代码,任何帮助将非常感谢谢谢。

from kivy.app import App 
from kivy.uix.gridlayout import GridLayout
from kivy.uix.image import Image 

import glob


class Image_Gallery(GridLayout):


    def __init__(self):
        super(Image_Gallery, self).__init__()
        images = glob.glob('C:\Users\Public\Pictures\Sample Pictures\*.jpg')  # windows 7 sample pictures dir looks great
        self.cols=3
        for img in images:
            thumb = Image(source=img)
            thumb.bind(on_touch_down=self.callback)    # I tried on_touch property but does not work with images only buttons
            self.add_widget(thumb)

    def callback(self, obj, touch):
        # This should print only the clicked image source. 
        # (but instead is printing all images sources at once)
        print obj.source                



class mainApp(App):


    def build(self):
        return Image_Gallery()


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

1 个答案:

答案 0 :(得分:4)

on_touch事件会在应用中的所有小部件上分配事件,您必须定义自己的Image类并重新定义on_touch方法:

...
class MyImage(Image):
    def on_touch_down(self, touch):
        if self.collide_point(*touch.pos):
            print self.source

class Image_Gallery(GridLayout):

    def __init__(self, **kwargs):
        super(Image_Gallery, self).__init__(**kwargs)
        images = glob.glob('C:\Users\Public\Pictures\Sample Pictures\*.jpg')
        self.cols = 3
        for img in images:
            thumb = MyImage(source=img)
            self.add_widget(thumb)
...