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

65 views (last 30 days)
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
  1 Comment
Adam Danz
Adam Danz on 20 Oct 2020
Update: starting in r2020a uibuttons can also host animated GIF images and truecolor image arrays (examples).

Sign in to comment.

Accepted Answer

TAB
TAB on 9 Aug 2012
Edited: TAB on 9 Aug 2012
See
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.
  4 Comments
Lam Nguyen Van
Lam Nguyen Van on 19 Apr 2020
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
Lam Nguyen Van on 19 Apr 2020
I want to After that deleting the original image will not have any effect on your GUI.

Sign in to comment.

More Answers (3)

Raxeee
Raxeee on 29 Jan 2013
"he command imread('MyImageFile.jpg') . So image will be "
So where is the location of MyImageFile.jpg on the hard disk.
Please clarify.
  2 Comments
TAB
TAB on 30 Jan 2013
Edited: TAB on 30 Jan 2013
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.

Sign in to comment.


Jonathan Siliézar
Jonathan Siliézar on 3 Oct 2017
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.

Sujith Roy
Sujith Roy on 15 Nov 2018
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?

Categories

Find more on Migrate GUIDE Apps in Help Center and File Exchange

Products

Community Treasure Hunt

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

Start Hunting!