How to reposition logos and buttons in app designer after changing screen size.
9 views (last 30 days)
Show older comments
I have a trial app where the logo has been placed in the bottom right corner in the preview screen size. But once I run the app and change to full screen, the logo is no longer in the bottom right corner but rather in the middle of the screen. How can I have it so that all images, button, labels are in the relative same location of the screen when changing screen size. I have AutoResizeChildren turned on but that still doesn't make a difference.
0 Comments
Answers (1)
VBBV
on 13 Feb 2023
Set the scalemethod to fit option for the Image component in app designer
4 Comments
VBBV
on 14 Feb 2023
Edited: VBBV
on 14 Feb 2023
function startupFcn(app)
app.UIFigure.Position = [300, 300, 650, 495]; % on a laptop screen
oPos = app.UIFigure.Position; % old position of screen coordinates for App
nPos = get(app.UIFigure, 'Position'); % get the new position of screen coordinates for App
ratio = [nPos(1)/oPos(1) nPos(2)/oPos(2) nPos(3)/oPos(3), nPos(4)/oPos(4)]; % take the ratio
app.UIFigure.Position = [app.UIFigure.Position(1)*ratio(1) app.UIFigure.Position(2)*ratio(2) app.UIFigure.Position(3)*ratio(3) app.UIFigure.Position(4)*ratio(4)];
% Rescale the new position with ratio
end
You can use get function which is useful to set the properties of screen coordinates when the user resizes the App. Add the above code in startupFcn in app, and it seems to have solved problem with resizing the layout of app & its comnponents now.
VBBV
on 15 Feb 2023
It's better to use GUIDE to develop GUI instead of App designer , and later migrate to App designer. Hope this solves your problem
See Also
Categories
Find more on Develop Apps Using App Designer in Help Center and File Exchange
Community Treasure Hunt
Find the treasures in MATLAB Central and discover how the community can help you!
Start Hunting!