App Designer - Screen resolution

I have an app with 3 tabs and several graphs on each tab built in the app designer (not GUIDE). When I connect my laptop to a screen with resolution 1920x1080 I can see the app perfectly, but when using my laptop screen (1366x768) one third of app is not visible.

I see there are some commands to get the screen size [ie get(0,'ScreenSize')] but not sure where to use this command in the app designer so that when I open it, I can visualize it correctly no matter the screen resolution of the computer. Thanks!

[Abdul Raouf Tajik]

Dear Gabreila, Were you able to solve the problem? I am facing the exact same problem!

[Gabriela]

I tried 2 solutions but none worked for me:

1) Resizing in the start up function (as suggested below) works but you have to do it for every component in the app, which it's ok if you have a couple, but I have many.

2) I tried adding a slider component with a callback that "moved" the screen. This used to work for GUI (see https://nl.mathworks.com/matlabcentral/answers/97964-how-can-i-use-scrollbars-in-matlab-figure-windows-when-viewing-large-guis). But the slider in app designer is not really a scrollbar. In my case I had one horizontal slider and one vertical. When I moved up the horizontal slider became invisible. Same happened to the vertical slider when I moved left. Thus I could not see the first quadrant of the app. If somebody knows a way of "fixing" the sliders so that they are always visible that would be great.

This is something Matlab should improve. Or at least bring back the good old GUI sliders.

If you want to try resizing, add a start up function to the app, and in the function get the current screen size with get(0,'ScreenSize') and add a condition to adapt the size of the app proportionally to the size of the screen. Then use the Position property to change the size: app.(appname).Position = [100 100 proportionalWidth proportionalHeight]

[Chong Cao]

same problem, dont know how to due with

Answer 1

[Melissa Williams]

Hi Gabriela,

Starting in R2018b, you can turn Scrollable on the UIFigure and you should be all set, no need to calculate screen size or manually add sliders.

[Giada Staniscia]

I made everything scrollable but it did not solve the problem.

[Melissa Williams]

HI Giada,

It's possible you are hitting a bug we are aware of. If you are able to upgrade to R2019a, autoresizing all components smaller when the app is resized smaller has been added. You should no longer need to resize every component smaller in the start up function.

[Giada Staniscia]

I still have the exact same problem in R2019a.

[Melissa Williams]

The app will launch at the size you set for the UIFIgure, unless you write code to make it smaller. But if you make the app smaller the components inside it should automatically resize and reposition themselves. Make sure autoresize children property is on for your figure and tabs.

Answer 2

[Sally Al Khamees]

Hi Gabriela, You might want to try writing a callback that activates when the app is loaded.See the customer the following link for more details.

http://www.mathworks.com/help/matlab/creating_guis/app-designer-startup-function.html

I hope this helps

[Elmar Shayahmetov]

But how to get screen size in app designer?

[Bhavanithya Thiraviaraja]

get(groot,'Screensize')

[Joseph Santoro]

I would love to try this solution since I am experiencing the same problem in 2016a but I have no option to create a StartupFCN callback function on my UIFigure. Please see the attached screenshot. Any idea why this is happening?

Answer 3

[Arsalan jamialahmadi]

Hi Gabriella,

I used to have exact same problem but eventually could solve it.

What I think should be better documented is the fact that every thing you create in a page in your App Designer needs to be put inside a panel, otherwise auto resize function does not work properly. You also need to be very careful with the "Inner" size of panels and not place any control interfering with this area.

So for me it works by applying above formula plus making the "Scrollable" and "AutoResizeChildren" checked for all controls including the main page of my app.