How I make a pushbutton invisible in a GUI?

I has a picture of a drumset/percussion and wants to click a drum which then makes a sound. So I wants a button on my drum, but invisible. So I can still see the drum on my window figure without pushbutton.

My Script:

% --- Executes on button press in pushbutton1.
function pushbutton1_Callback(hObject, eventdata, handles)
% hObject    handle to pushbutton1 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)
[s,fs]=wavread('filename.wav');
sound(s,fs);

Thankyou..

Answer 1

[Stephen23]

Setting the Visible property to off will not work, because then the uicontrol does not respond to clicking.

Here are two alternatives that actually work, but are perhaps not as beautiful as an invisible, clickable button.

Button on top of an image

X = imread('drum.jpg');
fgh = figure('Color','white');
image(X)
axis off
axis image
uih = uicontrol(fgh,'Style','pushbutton', 'BackGroundColor','white',...
    'Units','normalized','Position',[0.5,0.4,0.2,0.2], 'String','press',...
    'Callback',@(h,e)disp('bang!'));

Button displaying an image

X = imread('drum.jpg');
fgh = figure('Color','white');
uih = uicontrol(fgh,'Style','pushbutton', 'BackGroundColor','white',...
    'Units','pixels', 'Position',[20,20,200,200], 'String','press',...
    'CData',X, 'Callback',@(h,e)disp('bang!'));

Both methods use this image:

[sibolis naburju.id]

Thanks, but my image background doesn't love rgb colour. Hehe..

[Stephen23]

So convert it to RGB. How is it encoded? Do you have the image processing toolbox?

[sibolis naburju.id]

Thankyou so much, Sir. But, can you tell me another method?

[Stephen23]

"can you tell me another method?"

For what?

[Stephen23]

I don't see any simple solution that makes the button invisible. So far I have shown you:

1. making button invisible: does not work.
2. button on top of image: works.
3. button contains image: works.

One more option would be to write your own "button" by defining a callback that detects the mouse position and decides how to respond based on its position. For this you will have to start by reading these:

https://www.mathworks.com/help/matlab/ref/matlab.graphics.primitive.image-properties.html#budqsu__sep_shared-ButtonDownFcn

https://www.mathworks.com/help/matlab/ref/matlab.ui.figure-properties.html#d119e308023

then you will have to use some kind of indexing to specify the required location, and define a callback function that uses this to trigger your code.

[Stephen23]

"How i do that?" I showed you already. This is the second method in my answer. I even tested it and showed you a screenshot.

Answer 2

[Amanda Irving]

Starting in R2019a, there is a new component available called uiimage.

You can assign an image using the ImageSource property and assign a callback using the ImageClickedFcn:

https://www.mathworks.com/help/matlab/ref/uiimage.html