フィルターのクリア

Add static images with APP designer

159 ビュー (過去 30 日間)
M G
M G 2018 年 5 月 9 日
編集済み: Stefanie Schwarz 2021 年 10 月 26 日
It seems that there are no standard tools (from the Component Library) to add a static (i.e., not changing) image to the Display field of a App Designer app. Is there, in fact, a way to do this (perhaps with programmatic tools)? I am interested in showing images that would help the user of the App to understand the data-input requirements and how the outputs are to be applied in practice.

採用された回答

Melinda Toth-Zubairi
Melinda Toth-Zubairi 2019 年 3 月 25 日
Starting in R2019a you can use the uiimage function to create an image component in your App Designer apps.
f = uifigure;
im = uiimage(f);
im.ImageSource = 'peppers.png';
For information about scaling and other properties of the image component, see Image Properties in the MATLAB documentation.

その他の回答 (2 件)

Kevin Chng
Kevin Chng 2018 年 8 月 31 日
編集済み: Kevin Chng 2018 年 8 月 31 日
Hi, Mr Gan
In my practice, i use axes to host image. App designer don't allow you to modify the generated GUI code except call back. Therefore,
1) Design your GUI in app designer, drag a axes on the GUI.
2) Then, you copy the whole code then paste it in the .m file in your matlab.
3) name the .m file properly, at the first row of script, you will see this "classdef app1 < matlab.apps.AppBase", please ensure the name of your .m file is also app1. If you want to name them other than app1, we may discuss further.
4) find this in your script,
function createComponents(app)
.....
....
app.UIAxes = uiaxes(app.UIFigure);
app.UIAxes.Position = [52 313 560 99];
imshow('Picture1.png','Parent',app.UIAxes);
......
......
Add the imshow below the app.UIAxes.
5) Done. The limitation of this method is you can't compile it through web apps compiler. However, it don't have any issue with MATLAB compiler.
2nd Method is use Button to host your image.
1) In your app designer, you drag the button in your GUI.
2) Double click on your button, then you try to find more properties in your button properties on the bottom left of your screen.
3) click on more properties, then you will see Icon File.
4) Select the image you wanted to insert, then delete the text/words of button.
5) Done
  4 件のコメント
Chris Portal
Chris Portal 2018 年 8 月 31 日
If you'd like to show an image when the app opens, you can show it by configuring the UIBUTTON Icon property during design time. If you're using the UIAXES approach, create a startup function on the app by right clicking on the canvas where you drag and drop components and choosing Callbacks->StartupFcn.
There, you can do:
imshow(myImage, 'Parent', app.UIAxes);
Hope this helps.
Kevin Chng
Kevin Chng 2018 年 9 月 1 日
編集済み: Kevin Chng 2018 年 9 月 1 日
Appreciate your well explanation. I didn't know there is callback for startup. It definitely will help me a lot in future.
Thanks.

サインインしてコメントする。


Chris Portal
Chris Portal 2018 年 5 月 12 日
編集済み: Stefanie Schwarz 2021 年 10 月 26 日
There are currently 2 options available which are described here:
  1 件のコメント
M G
M G 2018 年 5 月 12 日
Thank you for taking the time to reply to my question. In this case, I have followed your link, and found that the trail runs cold (it links to a link which is no longer valid).
In Matlab, I looked at the Component Library, and in my version (R2018a), there isn't an ICON component.
Apparently, when 'packaging' the App, the software can pull in image files that it discovers and add those to the Package, but I see no way of adding them at the 'design' stage. M

サインインしてコメントする。

カテゴリ

Help Center および File ExchangeEnvironment and Settings についてさらに検索

Community Treasure Hunt

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

Start Hunting!

Translated by