Control image transparency with a slider- appDesigner
13 views (last 30 days)
I'm trying to control de tranparency of two images using a slider.
Currently, I don't know how to do the code for this feature with a callback function with the slider.
Can anybody help me?
What I wanted, for a better understanding, is that when I'm at a max value, I only see one of the images and at the min value I only see the other. Obviously, when I move the slider I want the transparency of them to change.
Thanks in advance
Adam Danz on 15 Jul 2019
Edited: Adam Danz on 10 Feb 2021
This should get you started.
Two images are plotted on top of each other. A slider is added that sets the AlphaData of the top image.
% Create a figure with two images overlayed
fig = uifigure('HandleVisibility','on');
[X,cmap] = imread('corn.tif');
[X2,map] = imread('peppers.png');
img2 = imshow(X2,map);
% Create a GUI with a slider that controls the 'AlphaData' value of the currently selected object
sld = uislider(fig,'Position',[50,50,300,3],'Value',1,'Limits',[0,1],...
% set the slider properties such as position etc....
% % https://www.mathworks.com/help/matlab/ref/uislider.html
function changeTransparencyFcn(~, event, hobj)
% hobj is the image object handle
Changes made to improve answer on Feb 9, 2021.