Adding image to image component

Hi,

How do I add an image from my deskop so that it gets displayed in the image component based on the selection of a user from the drop list item component and a switch? (app designer)

[Rik]

I suspect that is a uiaxes object. Could you attach the mlapp file to your question?

For general advice and examples for how to create a GUI, have look at this thread.

Answer 1

[Poorna]

Hi Jacques,

I understand that you would like to dynamically change the image displayed in the image container based on the selected value from the dropdown.

To achieve this, you can utilize the "ValueChangedFcn" callback property of the dropdown component. This callback function will be triggered whenever the user selects a different item from the dropdown.

You can create a callback function, let's call it "DropDownValueChanged", which retrieves the selected value from the dropdown and sets the "ImageSource" property of the image component accordingly. Here's an example implementation:

function DropDownValueChanged(app, event)
    % Retrieve the selected value from the dropdown
    value = app.DropDown.Value;
    % Set the ImageSource property of the image container based on the selected value
    if value == 'Option 1'
        app.Image.ImageSource = 'img1.jpg';
    elseif value == 'Option 2'
        app.Image.ImageSource = 'img2.jpg';
    else
        app.Image.ImageSource = 'img3.jpg';
    end
end

In this example, the "DropDownValueChanged" function is triggered when the user selects a different option from the dropdown. It retrieves the selected value and sets the "ImageSource" property of the image component accordingly. You can customize the image file names and paths based on your specific requirements.

For more information on the "ValueChangedFcn" callback property of the dropdown component and the "ImageSource" property of the image component, you can refer to the following documentation:

ValueChangedFcn: https://www.mathworks.com/help/matlab/ref/uidropdown.html?searchHighlight=valuechangedfcn

ImageSource: https://www.mathworks.com/help/matlab/ref/matlab.ui.control.image-properties.html

Hope this helps!