How to display an image in UI Figure on app designer?

Question

tejas alva 2018-9-13

1
链接

此问题的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/418893-how-to-display-an-image-in-ui-figure-on-app-designer

编辑： Mostafa Amr 2022-5-5

How can i display the figure i select from the folder in UI figure of App designer? I am using version 2016a and as per the code below, when i click the "button", the image opens in a different window.

% Button button pushed function
        function ButtonButtonPushed2(app)
              [file,path]=uigetfile({'*.jpg';'*.bmp';'*.gif';'*.tiff'}, 'Select file');
              a= imread(file);
              imshow(a);

0 个评论
显示 -2更早的评论隐藏 -2更早的评论

请先登录，再进行评论。

请先登录，再回答此问题。

Answer 1

OCDER 2018-9-13

2
链接

此回答的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/418893-how-to-display-an-image-in-ui-figure-on-app-designer#answer_336706

在 MATLAB Online 中打开

Try this:

imshow(a, 'parent', app.UIAxes);

But, you'll run into issues with having all this x, y, title of axes still shown and taking up space. See this post to fix that issue:

https://www.mathworks.com/matlabcentral/answers/360670-imshow-in-app-designer-image-size-doesn-t-fit

14 个评论
显示 12更早的评论隐藏 12更早的评论

tejas alva 2018-9-13

在 MATLAB Online 中打开

The code for that whole function looked like this after the suggestion you made:

 % Button button pushed function
        function ButtonButtonPushed2(app)
    [file,path]=uigetfile({'*.jpg';'*.bmp';'*.gif';'*.tiff'}, 'Select file');
     a= imread(file);
     imshow(a, 'parent', app.UIAxes);

And the name of the axes is app.UIAxes. Haven't changed that.

Here is the entire code thats visible in the code view:

 classdef Trial2 < matlab.apps.AppBase
    % Properties that correspond to app components
    properties (Access = public)
        UIFigure matlab.ui.Figure         % UI Figure
        UIAxes   matlab.ui.control.UIAxes % Title
        Button   matlab.ui.control.Button % Button
    end
    methods (Access = private)
        % Code that executes after component creation
        function startupFcn(app)
        end
        % Loadimage button pushed function
        function ButtonButtonPushed(app)
        end
        % Button button pushed function
        function ButtonButtonPushed2(app)
             [file, path]= uigetfile({'*.jpg';'*.bnp';'*.gif';'*.tiff'}, 'Select a file');
 a= imread(file);
 imshow(a, 'Parent' , app.UIAxes);
        end
    end
    % App initialization and construction
    methods (Access = private)
        % Create UIFigure and components
        function createComponents(app)
            % Create UIFigure
            app.UIFigure = uifigure;
            app.UIFigure.Position = [100 100 640 480];
            app.UIFigure.Name = 'UI Figure';
            setAutoResize(app, app.UIFigure, true)
            % Create UIAxes
            app.UIAxes = uiaxes(app.UIFigure);
            title(app.UIAxes, 'Title');
            xlabel(app.UIAxes, 'X');
            ylabel(app.UIAxes, 'Y');
            app.UIAxes.Position = [258 159 361 288];
            % Create Button
            app.Button = uibutton(app.UIFigure, 'push');
            app.Button.ButtonPushedFcn = createCallbackFcn(app, @ButtonButtonPushed2);
            app.Button.Position = [130 327 100 22];
        end
    end
    methods (Access = public)
        % Construct app
        function app = Trial2()
            % Create and configure components
            createComponents(app)
            % Register the app with App Designer
            registerApp(app, app.UIFigure)
            % Execute the startup function
            runStartupFcn(app, @startupFcn)
            if nargout == 0
                clear app
            end
        end
        % Code that executes before app deletion
        function delete(app)
            % Delete UIFigure when app is deleted
            delete(app.UIFigure)
        end
    end
end

OCDER 2018-9-14

在 MATLAB Online 中打开

classdef Trial2 < matlab.apps.AppBase
    % Properties that correspond to app components
    properties (Access = public)
        UIFigure matlab.ui.Figure         % UI Figure
        UIAxes   matlab.ui.control.UIAxes % Title
        Button   matlab.ui.control.Button % Button
    end
    methods (Access = private)
        % Code that executes after component creation
        function startupFcn(app)
        end
        % Loadimage button pushed function
        function ButtonButtonPushed(app)
        end
        % Button button pushed function
        function ButtonButtonPushed2(app)
            [FileName, FilePath]= uigetfile({'*.jpg';'*.bnp';'*.gif';'*.tiff'}, 'Select a file'); %Don't override path.m
            if isnumeric(FileName); return; end %User did not select a file
            a = imread(fullfile(FilePath, FileName)); %Always use full file path, not relative path
            imshow(a, 'Parent' , app.UIAxes); %This should work...
        end
    end
    % App initialization and construction
    methods (Access = private)
        % Create UIFigure and components
        function createComponents(app)
            % Create UIFigure
            app.UIFigure = uifigure;
            app.UIFigure.Position = [100 100 640 480];
            app.UIFigure.Name = 'UI Figure';
            setAutoResize(app, app.UIFigure, true)
            % Create UIAxes
            app.UIAxes = uiaxes(app.UIFigure);
            title(app.UIAxes, 'Title');
            xlabel(app.UIAxes, 'X');
            ylabel(app.UIAxes, 'Y');
            app.UIAxes.Position = [258 159 361 288];
            % Create Button
            app.Button = uibutton(app.UIFigure, 'push');
            app.Button.ButtonPushedFcn = createCallbackFcn(app, @ButtonButtonPushed2);
            app.Button.Position = [130 327 100 22];
        end
    end
    methods (Access = public)
        % Construct app
        function app = Trial2()
            % Create and configure components
            createComponents(app)
            % Register the app with App Designer
            registerApp(app, app.UIFigure)
            % Execute the startup function
            runStartupFcn(app, @startupFcn)
            if nargout == 0
                clear app
            end
        end
        % Code that executes before app deletion
        function delete(app)
            % Delete UIFigure when app is deleted
            delete(app.UIFigure)
        end
    end
end

Eric Sargent 2020-5-22

Starting in R2019a, you can use the uiimage function to create an image component in your App Designer apps.

Mostafa Amr 2022-5-5

编辑：Mostafa Amr 2022-5-5

[FileName, FilePath]= uigetfile({'*.jpg';'*.bnp';'*.gif';'*.tiff'}, 'Select a file'); %Don't override path.m

if isnumeric(FileName); return; end %User did not select a file

a = imread(fullfile(FilePath, FileName)); %Always use full file path, not relative path

imshow(a, 'Parent' , app.UIAxes); %This should work...

this code gives me an error which is

Error using image

Too many input arguments.

Error in images.internal.basicImageDisplay (line 24)

hh = image(cdata, ...

Error in imshow (line 330)

hh = images.internal.basicImageDisplay(fig_handle,ax_handle,...

when I use imshow outside the appdesigner it works but after trying to use it inside the appdesigner it gives me errors inside it and outside it and that happened with diffrenet codes not only with that and I do not know why (I use matlab R2021a)

请先登录，再进行评论。