Why does the app not resize properly for different screen resolutions in App Designer?

90 次查看(过去 30 天)
The size of the GUI and all its elements does not scale with the screen size of the monitor. This leads to some problems if the designed GUI is used on smaller laptops for example. On a smaller monitor, the GUI is not useable on since some of the components are clipped off screen and not all components are visible.
The problem is, that there is no way to change this to a percentage based scaling and positioning based on the screen size. Is it possible to change the GUI and all its elements to the used screen size without changing every element and its position manually?

采纳的回答

MathWorks Support Team
编辑:MathWorks Support Team 2025-6-6
App designer utilizes UI Figures to create the figure window which contains all of the relevant components of your app. A normal MATLAB figure is able to specify its position in normalized Units, that is a percentage of the parent container for the figure, in this case the system screen resolution. Unfortunately, at this time UI Figures only support Units of pixels. Therefore, the figure is created with at a static location based on the values in the Position property specified by the user.
There are potentially two workarounds available to resize your app to the resolution of a new monitor for you to consider:
1) Change the screen resolution to be matching on both systems. The Position property of the UIFigure may need to be updated depending on if you make the larger screen have a lower resolution or the smaller screen to have a higher resolution. This workaround does not allow for much flexibility to the user's workflow but would be the simplest solution. 
2) Add a startup function to your App which inspects that systems current resolution and adjusts the UIFigure position based on a percentage of that overall screen size. This workflow is in effect attempting to create our own version of normalized units. Instructions for how to add a startup function to your app can be found in the following link:
Inside of that start up function, a workflow similar to the one below would need to be implemented.
function startupFcn(app) screenSize = get(groot,'ScreenSize'); screenWidth = screenSize(3); screenHeight = screenSize(4); left = screenWidth*0.1; bottom = screenHeight*0.1; width = screenWidth*0.8; height = screenHeight*0.8; drawnow; app.UIFigure.Position = [left bottom width height]; end
The percentages used in "left", "right", "bottom" and "height" would need to be adjusted to match the location and size of your GUI as the current numbers above were chosen arbitrarily. This could be calculated by finding the ratio of the screen the current GUI is occupying from the original UIFigure Position pixel values and the system resolution of which the GUI was created on.
  3 个评论
Frank
Frank 2025-7-1
编辑:Frank 2025-7-1
Update. Today I uninstalled and downloaded/installed MATLAB 2024b anew. When I tried to run the app in question again, it still opened up with the component positions garbled. Here is what the app looks like in the app designer:
Here is what the app looks like when executed:
I plan to fiddle with things I can think of today but I am still mystified as to why this is happening. Any help would be much appreciated. As it is this particular computer is useless to me for writing or running apps, whic I do a great deal in my teaching and consulting. BTW I did not mention above, but I did try the code fix suggested to put in the startup function, but it did not remedy the problem
Frank
Frank 2025-7-1
编辑:Frank 2025-7-1
Updated update. I tried putting padding space in the app designer and now what works is to construct the app in designer to look like this in app designer:
Basically I shifted the locations of the components to the bottom of the window, leaving empty space at the top. Now, when this app is run it opens up like this
and otherwise runs how it is supposed to, letting students in put values of initial conditions, then showing the animated plot, and filling in the table with detailed initial, final and intermediate condtions. I just noticed that the copyright/logo at the bottom was left out but I can likely find a place that when "shifted on execution" will wind up someplace visible. Suggestions on what I am doing wrong would be very welcome.

请先登录,再进行评论。

更多回答(2 个)

Michael
Michael 2019-8-9
I know this isn't exactly what you are looking for, but I was having a similar problem and recently discovered the 'Scrollable' property in the 'Interactivity' options in the right side panel of App Designer. If you turn this on, if the window is too small for the tab group, panel, etc. a scroll bar will appear.

Melinda Toth-Zubairi
Starting in R2019a, MATLAB App Designer offers Apps with Auto-Reflow from the App Designer Start Page. The 2-panel and 3-panel app types are preconfigured to automatically resize and reflow in response to changes in screen size. You can use Apps with Auto-Reflow if you want to avoid writing complex resize logic.
Refer to Apps with Auto-Reflow in the MATLAB documentation for more information.

类别

Help CenterFile Exchange 中查找有关 Develop Apps Using App Designer 的更多信息

产品


版本

R2024b

Community Treasure Hunt

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

Start Hunting!

Translated by