如何将 tkinter 文件选择器（图像）选择的文件设置为 Kivy 图像小部件的源？

Question

我目前正在学习 Kivy，我正在使用 tkinter filechooser 浏览存储在我计算机上的图像，并希望将所选图像设置为图像小部件的来源。

下面的代码在单击按钮时启动 tkinter 文件选择器，我应该如何将获得的文件设置为我的图像小部件的源。谢谢你的时间。

main.py

from kivy.app import App
from kivy.uix.label import Label
from kivy.uix.button import Button
from kivy.core.window import Window
from kivy.uix.popup import Popup
from kivy.uix.boxlayout import BoxLayout
from kivy.properties import ObjectProperty

from tkinter.filedialog import askopenfilename
from tkinter import Tk

class SampBoxLayout(BoxLayout):
# Defines two FileChoosers.

    def get_image_one(self):
        # Select image file types, returned image should be used as source of Image widget.
        Tk().withdraw() # avoids window accompanying tkinter FileChooser
        img1 = askopenfilename(initialdir = "/",title = "Select file",filetypes = (("jpeg files","*.jpg"),("all files","*.*")))
        return img1

    def get_image_two(self):
        Tk().withdraw()
        img2 = askopenfilename(initialdir = "/",title = "Select file",filetypes = (("jpeg files","*.jpg"),("all files","*.*")))
        return img2

class SampleApp(App):
    def build(self):
        # Set the background color for the window
        Window.clearcolor = (1, 1, 1, 1)
        return SampBoxLayout()

sample_app = SampleApp()
sample_app.run()

sample.kv

#: import CheckBox kivy.uix.checkbox

<ColoredBackground@Image>:
    font_size: '48sp'
    color: (.9, .5, .4, 1)
    canvas.before:
        Color:
            rgb: (.9, .9, .9)
        Rectangle:
            pos: self.x + sp(2), self.y + sp(2)
            size: self.width - sp(5), self.height - sp(4)

<SampBoxLayout>:
    orientation: "vertical"
    padding: 10
    spacing: 10

    # ---------- Button FileChooser ----------
    BoxLayout:
        orientation: "horizontal"
        height: 30

        Button:
            text: "FileChooser-1"
            on_press: root.get_image_one()

        Button:
            text: "FileChooser-2"
            on_press: root.get_image_two()

    # ---------- Display Images----------
    BoxLayout:
        orientation: "horizontal"
        height: 30

        ColoredBackground:
            source: " " # <----------- should be the image file selected by FileChooser-1
            size: self.parent.width, self.parent.height
            allow_stretch: True
            keep_ratio: False

        ColoredBackground:
            source: " " # <----------- should be the image file selected by FileChooser-2
            size: self.parent.width, self.parent.height
            allow_stretch: True
            keep_ratio: False

Answer 1

解决方案是 ColoredBackground 可以在 get_image_one 和 get_image_two 中访问，为此我们做属性：

*.kv

...
<SampBoxLayout>:
    first_image: first_image     # <----
    second_image: second_image   # <----
    orientation: "vertical"
    padding: 10
    spacing: 10

    # ---------- Button FileChooser ----------
    BoxLayout:
        ...

    # ---------- Display Images----------
    BoxLayout:
        orientation: "horizontal"
        height: 30

        ColoredBackground:
            id: first_image  # <----
            size: self.parent.width, self.parent.height
            allow_stretch: True
            keep_ratio: False

        ColoredBackground:
            id: second_image  # <----
            size: self.parent.width, self.parent.height
            allow_stretch: True
            keep_ratio: False

*.py

def get_image_one(self):
    # Select image file types, returned image should be used as source of Image widget.
    Tk().withdraw() # avoids window accompanying tkinter FileChooser
    img = askopenfilename(initialdir = "/",title = "Select file",filetypes = (("jpeg files","*.jpg"),("all files","*.*")))
    self.first_image.source = img

def get_image_two(self):
    Tk().withdraw()
    img = askopenfilename(initialdir = "/",title = "Select file",filetypes = (("jpeg files","*.jpg"),("all files","*.*")))
    self.first_image.source = img

如何将 tkinter 文件选择器（图像）选择的文件设置为 Kivy 图像小部件的源？

How to set file selected by tkinter filechooser (image) as the source to a Kivy image widget?

python

image

filechooser

kivy