Azzera filtri
Azzera filtri

Setting different images on slider in app designer

15 visualizzazioni (ultimi 30 giorni)
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';
% Button pushed function: Button_7
function Button_7Pushed(app, event)
f = uifigure;
im = uiimage(f);
im.ImageSource = 'example2.png';
Ideas for help?
If you need any other clarifications, let me know.

Risposta accettata

Sahithi Kanumarlapudi
Sahithi Kanumarlapudi il 22 Feb 2021
Modificato: Sahithi Kanumarlapudi il 23 Feb 2021
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
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';
You can refer to the following links for further info
Hope this helps!
  1 Commento
Adam Danz
Adam Danz il 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).

Accedi per commentare.

Più risposte (0)


Scopri di più su Develop uifigure-Based Apps in Help Center e File Exchange




Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!

Translated by