How to put a picture on a button in a GUI?

Hi,

I wish to create a GUI to use with a SIMULINK model. I want to have a picture on my buttons in my GUI. How do I do this?

Thanks,

Jasmine

[Adam Danz]

Update: starting in r2020a uibuttons can also host animated GIF images and truecolor image arrays (examples).

Answer 1

[TAB]

See

simple example1.

simple example2.

In these examples, image is read every time when GUI is created or opened. So image file must be present every time.

If you are using GUIDE to to design your GUI, you can embed the image directly in the button so that image file is not required again, here is the procedure:

1. Double click on button to open Property inspector
2. Go to CDATA property and enter the command imread('MyImageFile.jpg') . So image will be read and will be saved in fig file directly.
3. After that deleting the original image will not have any effect on your GUI.

[Jeelani Shaik]

I tried that^. But it says ' Cannot display variable with more than two dimensions ' and just changes the colour of the button.

[Sujith Roy]

Thats probably because your image is large. Try using a 16x16 image. You ll find it placed in the centre if your button

[Lam Nguyen Van]

Help me! How can i do it: CDATA : I create code files that generate GUIs as functions or scripts (programmatic GUI construction)?

[Lam Nguyen Van]

I want to After that deleting the original image will not have any effect on your GUI.

Answer 2

[Raxeee]

"he command imread('MyImageFile.jpg') . So image will be "

So where is the location of MyImageFile.jpg on the hard disk.

Please clarify.

[TAB]

Offcourse on hard disk or on other secondary storage like USB stick flash memory. You can give the path also like

imread('C:\Documents\My Picture\MyImageFile.jpg')

on windows OS.

[Raxeee]

okay...thanks

Answer 3

[Jonathan Siliézar]

Hi, thanks for the information, it was very helpful. Once I've loaded the .jpg image to the push button (I'm trying to create an icon with basic info for the user on how to use the program) the image is very large, how do I resize it to fit the push button's dimensions? Thanks in advance.

Answer 4

[Sujith Roy]

Can you adjust the position of the icon in the button?

This command works - imread('MyImageFile.jpg').

But how do I position the image to the left and then add some text on the button?