How to keep the original layout in the full screen or when maximizing the GUI of a MATLAB App ?

Hello everyone,

I am desinging an App in the MATLAB App Designer, I am using MATLAB R2023a, and I am working on a Windows operating system.

After finishing the design of my App, I have noticed that when running the App, the layout of the designed GUI is lost when the GUI is on full screen or when it is maximized. Please see the attached Capture1 and Capture2 for the layouts of the GUI (Capture1 shows the layout when the GUI is minimised, this is the original layout that I have designed, and Capture2 shows how the layout is changed when the GUI is on full screen or when it is maximized).

I want that the GUI keeps the original layout that I have set when I was designing the App in the App designer, when the GUI is on full screen or when it is maximized.

I have found on some answers of MATLAB Central that I Should select for WindowState "fullscreen" or "maximized" and that I should also select "Resize" and "AutoResizeChildren" in the Settings of POSITION. I have done all that, please see the attached Capture3, but I still have the same problem.

Does anyone have any solution for this problem ?

Many thanks to everyone in advance.

Answer 1

[Rik]

You should set the units to Normalized. That will scale the sizes of the buttons as you expect.

There is an art to this, since you might want your GUI to look good on VGA, as well as 4k.

You could consider using the ResizeFcn property to scale the font size as well.

[Kamal KHARROUBI]

Hello Rik,

Thank you for your answer.

I am using the App designer in MATLAB R2023a, I don't find where I can set the units to Normalized, how can I do that ??

Thank you very much in advance !

[Rik]

Perhaps you can find it in the hamburger menu (those three dots next to the position property)? Otherwise you might be able to set it when the app starts. I am not very familiar with the limitations AppDesigner imposes on you when creating a GUI (since I always write it with code).

I'm currently on mobile so I can't easily test it myself.

[Kamal KHARROUBI]

Hello again,

The three dots next to the Position property just allow you to set the values of X, Y, width, and height, it does not allow to set the units to Normalized.

Since you always write code, maybe you can show us few lines that we should include in the Start up function in order to solve the problem.

Thank you very much as always !

[Rik]

You need to set the Units property to 'Normalized'. Normally something this should do it:

app.object.Units='Normalized';

Although I admit I have never tested this in an AppDesigner app.

[Kamal KHARROUBI]

Ok Rik, I will try it.

Thank you so much for your precious help !