Any suggestions for loading an Image from a file dialog?

I'm building GUI for my app and I'm trying to load an image from file dialog.
Does somebody has any suggestions? This is my first Kivy application and sometimes I can't fully understand the documentation. I've tried multiple ways and the best result I got was an image at the bottom left of the screen.

I've tried the solution from Placing an image in the middle of the label in Kivy, but that didn't solve my problem.

Part of my .kv file:

<RunDemoScreen>:

    GridLayout:

        rows: 3

        cols: 2

        Button:

            text:"Test"





        Button:

            text:"File"

            on_press: root.file_dialog()



        Button:

            text: 'Back'

            on_release: root.manager.current = 'menu'

Part of my python code:

class RunDemoScreen(Screen):



    def file_dialog(self):

        Tk().withdraw()

        self.filename = askopenfilename()

        print(self.filename)

Everything in this code works fine.

asked Jan 2 at 20:45

M. Momchilov

Have you tried using an Image widget?

– John Anderson
Jan 2 at 23:26

@JohnAnderson Yes, I tried and it works but only when I use pos. With pos_hint it doesn't.

– M. Momchilov
Jan 4 at 21:04

add a comment |

I've tried the solution from Placing an image in the middle of the label in Kivy, but that didn't solve my problem.

Part of my .kv file:

<RunDemoScreen>:

    GridLayout:

        rows: 3

        cols: 2

        Button:

            text:"Test"





        Button:

            text:"File"

            on_press: root.file_dialog()



        Button:

            text: 'Back'

            on_release: root.manager.current = 'menu'

Part of my python code:

class RunDemoScreen(Screen):



    def file_dialog(self):

        Tk().withdraw()

        self.filename = askopenfilename()

        print(self.filename)

Everything in this code works fine.

asked Jan 2 at 20:45

M. Momchilov

Have you tried using an Image widget?

– John Anderson
Jan 2 at 23:26

@JohnAnderson Yes, I tried and it works but only when I use pos. With pos_hint it doesn't.

– M. Momchilov
Jan 4 at 21:04

add a comment |

I've tried the solution from Placing an image in the middle of the label in Kivy, but that didn't solve my problem.

Part of my .kv file:

<RunDemoScreen>:

    GridLayout:

        rows: 3

        cols: 2

        Button:

            text:"Test"





        Button:

            text:"File"

            on_press: root.file_dialog()



        Button:

            text: 'Back'

            on_release: root.manager.current = 'menu'

Part of my python code:

class RunDemoScreen(Screen):



    def file_dialog(self):

        Tk().withdraw()

        self.filename = askopenfilename()

        print(self.filename)

Everything in this code works fine.

asked Jan 2 at 20:45

M. Momchilov

I've tried the solution from Placing an image in the middle of the label in Kivy, but that didn't solve my problem.

Part of my .kv file:

<RunDemoScreen>:

    GridLayout:

        rows: 3

        cols: 2

        Button:

            text:"Test"





        Button:

            text:"File"

            on_press: root.file_dialog()



        Button:

            text: 'Back'

            on_release: root.manager.current = 'menu'

Part of my python code:

class RunDemoScreen(Screen):



    def file_dialog(self):

        Tk().withdraw()

        self.filename = askopenfilename()

        print(self.filename)

Everything in this code works fine.

python kivy kivy-language

asked Jan 2 at 20:45

M. Momchilov

asked Jan 2 at 20:45

M. Momchilov

asked Jan 2 at 20:45

M. Momchilov

asked Jan 2 at 20:45

M. Momchilov

asked Jan 2 at 20:45

M. Momchilov

Have you tried using an Image widget?

– John Anderson
Jan 2 at 23:26

@JohnAnderson Yes, I tried and it works but only when I use pos. With pos_hint it doesn't.

– M. Momchilov
Jan 4 at 21:04

add a comment |

Have you tried using an Image widget?

– John Anderson
Jan 2 at 23:26

@JohnAnderson Yes, I tried and it works but only when I use pos. With pos_hint it doesn't.

– M. Momchilov
Jan 4 at 21:04

Have you tried using an Image widget?

– John Anderson
Jan 2 at 23:26

@JohnAnderson Yes, I tried and it works but only when I use pos. With pos_hint it doesn't.

– M. Momchilov
Jan 4 at 21:04

add a comment |

1 Answer
1

active

oldest

votes

You'd need to create an Image widget and then change the source of the image to your self.filename variable using the id you'd assign to it

in your .kv:

Image:

    id: imageWidget

    source: ''

    opacity: 0 # to make it completely invisible till your add a source file

in your .py:

def file_dialog(self):

    Tk().withdraw()

    self.filename = askopenfilename()

    imageWid = self.ids['imageWidget']

    imageWid.source = self.filename

    imageWid.opacity= 1 # to make it visible

edited Jan 3 at 21:09

eyllanesc

85.5k103564

answered Jan 3 at 20:48

Thope

1158

I hope you find this helpful. If you do, vote the answer and accept it by clicking on the Check sign.

– Thope
Jan 3 at 20:51

Thank you, @eyllanes! This solved my problem, I accepted the answer, but couldn't vote, because I don't have enought reputation.

– M. Momchilov
Jan 4 at 21:12

@M.Momchilov I have not answered your question, I have only edited the question :-)

– eyllanesc
Jan 4 at 21:13

add a comment |

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54012936%2fany-suggestions-for-loading-an-image-from-a-file-dialog%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

You'd need to create an Image widget and then change the source of the image to your self.filename variable using the id you'd assign to it

in your .kv:

Image:

    id: imageWidget

    source: ''

    opacity: 0 # to make it completely invisible till your add a source file

in your .py:

def file_dialog(self):

    Tk().withdraw()

    self.filename = askopenfilename()

    imageWid = self.ids['imageWidget']

    imageWid.source = self.filename

    imageWid.opacity= 1 # to make it visible

edited Jan 3 at 21:09

eyllanesc

85.5k103564

answered Jan 3 at 20:48

Thope

1158

I hope you find this helpful. If you do, vote the answer and accept it by clicking on the Check sign.

– Thope
Jan 3 at 20:51

Thank you, @eyllanes! This solved my problem, I accepted the answer, but couldn't vote, because I don't have enought reputation.

– M. Momchilov
Jan 4 at 21:12

@M.Momchilov I have not answered your question, I have only edited the question :-)

– eyllanesc
Jan 4 at 21:13

add a comment |

You'd need to create an Image widget and then change the source of the image to your self.filename variable using the id you'd assign to it

in your .kv:

Image:

    id: imageWidget

    source: ''

    opacity: 0 # to make it completely invisible till your add a source file

in your .py:

def file_dialog(self):

    Tk().withdraw()

    self.filename = askopenfilename()

    imageWid = self.ids['imageWidget']

    imageWid.source = self.filename

    imageWid.opacity= 1 # to make it visible

edited Jan 3 at 21:09

eyllanesc

85.5k103564

answered Jan 3 at 20:48

Thope

1158

I hope you find this helpful. If you do, vote the answer and accept it by clicking on the Check sign.

– Thope
Jan 3 at 20:51

Thank you, @eyllanes! This solved my problem, I accepted the answer, but couldn't vote, because I don't have enought reputation.

– M. Momchilov
Jan 4 at 21:12

@M.Momchilov I have not answered your question, I have only edited the question :-)

– eyllanesc
Jan 4 at 21:13

add a comment |

You'd need to create an Image widget and then change the source of the image to your self.filename variable using the id you'd assign to it

in your .kv:

Image:

    id: imageWidget

    source: ''

    opacity: 0 # to make it completely invisible till your add a source file

in your .py:

def file_dialog(self):

    Tk().withdraw()

    self.filename = askopenfilename()

    imageWid = self.ids['imageWidget']

    imageWid.source = self.filename

    imageWid.opacity= 1 # to make it visible

edited Jan 3 at 21:09

eyllanesc

85.5k103564

answered Jan 3 at 20:48

Thope

1158

You'd need to create an Image widget and then change the source of the image to your self.filename variable using the id you'd assign to it

in your .kv:

Image:

    id: imageWidget

    source: ''

    opacity: 0 # to make it completely invisible till your add a source file

in your .py:

def file_dialog(self):

    Tk().withdraw()

    self.filename = askopenfilename()

    imageWid = self.ids['imageWidget']

    imageWid.source = self.filename

    imageWid.opacity= 1 # to make it visible

edited Jan 3 at 21:09

eyllanesc

85.5k103564

answered Jan 3 at 20:48

Thope

1158

edited Jan 3 at 21:09

eyllanesc

85.5k103564

edited Jan 3 at 21:09

eyllanesc

85.5k103564

edited Jan 3 at 21:09

eyllanesc

85.5k103564

answered Jan 3 at 20:48

Thope

1158

answered Jan 3 at 20:48

Thope

1158

answered Jan 3 at 20:48

Thope

1158

I hope you find this helpful. If you do, vote the answer and accept it by clicking on the Check sign.

– Thope
Jan 3 at 20:51

Thank you, @eyllanes! This solved my problem, I accepted the answer, but couldn't vote, because I don't have enought reputation.

– M. Momchilov
Jan 4 at 21:12

@M.Momchilov I have not answered your question, I have only edited the question :-)

– eyllanesc
Jan 4 at 21:13

add a comment |

I hope you find this helpful. If you do, vote the answer and accept it by clicking on the Check sign.

– Thope
Jan 3 at 20:51

Thank you, @eyllanes! This solved my problem, I accepted the answer, but couldn't vote, because I don't have enought reputation.

– M. Momchilov
Jan 4 at 21:12

@M.Momchilov I have not answered your question, I have only edited the question :-)

– eyllanesc
Jan 4 at 21:13

I hope you find this helpful. If you do, vote the answer and accept it by clicking on the Check sign.

– Thope
Jan 3 at 20:51

Thank you, @eyllanes! This solved my problem, I accepted the answer, but couldn't vote, because I don't have enought reputation.

– M. Momchilov
Jan 4 at 21:12

@M.Momchilov I have not answered your question, I have only edited the question :-)

– eyllanesc
Jan 4 at 21:13

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu