How to use a drop down menu to show an image based on selection.

I am trying to create an app component that shows solar radiation on the earth. the user will use a drop down menu and select a region on earth( North America, Asia....). Then I want the image to be displayed on the image app after they select a region. What is the best approach.

Answer 1

[Mario Malic]

Hello,

I would put those pictures in a cell array

images = cell(5,1);
images{1} = imread("path"); % and so on

Define ItemsData property in the DropDown component to take numeric value from 1 to n-pictures

app.DropDown.ItemsData = 1:5;

Then, you are able to use the Value, even if it's a character array, it will take the ItemsData value which you can use to index into cell array with images.

images{app.DropDown.Value}

[Daniel]

Thank you for the response, but i am getting an error could you help.

[Image Analyst]

Attach your .mlapp file.

[Daniel]

thanks for assisting

[Mario Malic]

I would definitely suggest you to do few basic programs and maybe MATLAB Onramp before you proceed.

% a = cell{5,1} is not the way to initialize a cell array

The choice for callback wasn't appropriate. Furthermore, read on properties of the apps and how to properly use them within the different callbacks.

You need to redo your paths for apps, as I changed some code for images to test it on my PC.

[Fazlollah]

Great Answer, thank you. you also added a private property "image".