Setting different images on slider in app designer
11 views (last 30 days)
Show older comments
Kutay Kutlay
on 19 Feb 2021
Edited: Sahithi Kanumarlapudi
on 23 Feb 2021
Hello all,
I want to make a gui to to show different pictures at different values in slider. Also, I want to show these pictures in the same window when the slider changes the new picture should replace the old one. Right now I am using different buttons for different times rather than using slider also, images appear in new window.
% Callbacks that handle component events
methods (Access = private)
% Button pushed function: Button
function ButtonPushed(app, event)
f = uifigure;
im = uiimage(f);
im.ImageSource = 'example1.png';
end
% Button pushed function: Button_7
function Button_7Pushed(app, event)
f = uifigure;
im = uiimage(f);
im.ImageSource = 'example2.png';
end
Ideas for help?
If you need any other clarifications, let me know.
0 Comments
Accepted Answer
Sahithi Kanumarlapudi
on 22 Feb 2021
Edited: Sahithi Kanumarlapudi
on 23 Feb 2021
Hi,
I understand that you want to display different images for different values of slider respectively. 'ValueChangedFcn' of 'uislider' could help you achive that. This function would be invoked when the value of slider is changed.
Create a figure with no image initially (may be as a public property) and you can change the 'ImageSource'for each value of slider, so that you can display different images on the same figure.
Here is an example snippet
properties (Access = public)
fig1 = uifigure();% figure to display the image
end
sld = uislider(fig,...
'Position',[100 75 120 3],...
'ValueChangedFcn',@(sld,event) updateImage(sld,cg));
function updateImage(sld,cg)
value = app.Slider.Value;
if (value == 2)
im = uiimage(app.fig1);
im.ImageSource = 'peppers.png';
end
end
You can refer to the following links for further info
Hope this helps!
1 Comment
Adam Danz
on 22 Feb 2021
Since sliders are continuous and your set of images are discrete, you might want to change the slider behavior to behave as though it were discrete (instructions).
More Answers (0)
See Also
Categories
Find more on Develop uifigure-Based Apps in Help Center and File Exchange
Community Treasure Hunt
Find the treasures in MATLAB Central and discover how the community can help you!
Start Hunting!