Open an image when push button is clicked in app designer

HI !

I have a push button in the app. I want the push button to open an image file ( file name will be pre-defined in the code) .

I do not want to browse the image file.

What syntax should I use to get this worked ?

Answer 1

[Eli Chen]

Hi,

Assume you have the target image file at your working directory, for example, MatlabLogo.png. And you have a push button in your app. These steps can help you opening the image by clicking on the push button:

1. Navigate to Component Browser, Select the push button in app tree, then define button clicking callback function name

2. Click the blue icon next to function name, you will be navigated to code view

3. Inside push button clicking callback function, you can use syntax like this:

% Button pushed function: Button

function showImage(app, event)

img = imread('MatlabLogo.png');

image(img);

end

When you run your app, and click this button, the image should be opened in Matlab Figure without browsing it

[Amit Patankar]

Hi @Eli Chen, Thanks for your response. I implemented the logic you have mentioned but I am getting following error.

If I still try to run the app, I am getting following error.

[Eli Chen]

The error message says something is wrong at Line 202 in your app code, can you show me what code at Line 202?

[Amit Patankar]

HI @Eli Chen, Adding these lines of code to the app introduces error in line 202, otherwise there is no error in the app. before adding the lines of code, model was running fine.

Answer 2

[Amit Patankar]

Hi @Eli Chen Please see thefollowing snapshot of code, The line where error lies comes in a non- editable part.

[Eli Chen]

I saw you have 2 'end' after push button call back function. Can you please check if the last 'end' was valid?

[Amit Patankar]

Hi @Eli Chen I checked and removed that extra 'end'.

But I am getting following errorn in next code,

[Eli Chen]

I saw you might have another invalid 'end' above the error line?

[Amit Patankar]

Hi @Eli Chen I see an extra 'end' in some other part of code. But I dont think that is making any problem, As the app is working fine before adding the code for 'Image pop-up' part in t'he app. That extra 'end' is present in the app since long and the app is working fine for those features..

[Eli Chen]

Ok. It looks like the 'end' is not causing problem. Can you revert your changes(adding those end back) and try to comment out the pushbutton callback content? Like:

function showImage(app, event)

% img = imread('MatlabLogo.png');

% image(img);

end

If this still causes 'Unexpected Matlab Expression' error, then the problem could be you have created the pushbutton click callback funtion in wrong way

[Amit Patankar]

@Eli Chen No. by commenting out the code lines, there is no 'Unexpected Matlab expression' error. It debugs th code, and If I click Continue, then the app GUI Opens.

But if I just remove the '%' marks from the code, again the error appears.

[Eli Chen]

Is it possible that you upload your app file and let me help debug with?

[Amit Patankar]

Unfortunately , As this work is confidential customer data, I wont be able to share app file.

As the error line mentiones, should I add UIAxes property in the app and some extra lines to the callback function ?

[Capx]

@Eli Chen I've tried your code, and it works. I'm trying to do something similar; however, I would like the image displayed in two different image holders on the same window as the pushbutton rather than in a pop-up window.