How to save app.Tab as image (.png for example)

I have five app.Tabs.

First Tab is named app.Cooling.

Content of this app.Cooling:

1) picture of cooling system

2) app. fields with temperature value

3) plots of 4 diagrams (app.UIAxes) and legends

This app.Cooling I want to save as image (.png).

I try exportgraphics, saveas etc., but it doesn't work.

Schema of my example:

How I can save this whole tab as image?

Answer 1

[Avni Agrawal]

Hi @FD,

I understand that you are trying to capture a snapshot of a specific tab in MATLAB App Designer, including all its contents like images, fields, and plots, you can use a workaround that involves capturing the entire figure and then cropping the relevant section corresponding to the tab.

Below is an example code snippet that demonstrates how to achieve this:

%call this function by passing appropriate tab needed to be captured and file name.
function takeSnapshot(app, tab, filename)
        % Ensure the tab is selected
        app.TabGroup.SelectedTab = tab;
        
        % Pause to ensure the UI is fully rendered
        pause(1);
        
        % Capture the entire figure
        frame = getframe(app.UIFigure);
        img = frame.cdata;
        
        % Save the image
        imwrite(img, filename);
        
        disp(['Snapshot saved as ', filename]);
end

I hope this helps!

[FD]

Thank you for your answer.

I think I didn't understand what to do. Sorry!

I copied the function at the end of function ButtonPushed.

First I try you function without changes, but it doesn't work.

Second I changed the name of one tab. Example: changing of variable app.TabGroup.SelectedTab to app.TabGroup.Cooling

Third I try to define the variable filename, but MATLB marks it red.

Example: filename = test; or filename = 'test';

Can you show my example in your function?

Thank you in advance!!!

[Avni Agrawal]

Hi, If you are using buttonPushed function already, then try adding these lines:

frame = getframe(app.UIFigure);
        img = frame.cdata;

          % Save the image
          imwrite(img, 'test.png');

[FD]

Hi Avni,

it works.

But I have 5 tabs and I need from each of this tab an image.

Can you help with this?

Thank you in advance!

Best regards,

FD

[Avni Agrawal]

Hi,

To capture all five tabs at once, here is a code snippet with an example of capturing two tabs:

% Select the first tab and capture its content
app.TabGroup.SelectedTab = app.Tab;
pause(1);
frame = getframe(app.UIFigure);
img = frame.cdata;
% Save the image
imwrite(img, 'test1.png');

% Select the second tab and capture its content
app.TabGroup.SelectedTab = app.Tab2;
pause(1);
frame = getframe(app.UIFigure);
img = frame.cdata;
% Save the image
imwrite(img, 'test2.png');

In this example, `app.Tab` and `app.Tab2` are two tabs from the Tab group. Please rename the tabs according to your code.

I hope this helps!

[FD]

This works perfectly :-)

Very big thank You!!