How to reposition logos and buttons in app designer after changing screen size.

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.

Answer 1

[VBBV]

Set the scalemethod to fit option for the Image component in app designer

[Ratanjot]

That does not fix the problem. The image still moves to the middle of the screen once I enter full screen. I'm also having the same problem for the labels and buttons.

[VBBV]

can you attach the actual file for this app ? The file attached does not seem to have such problem.

[VBBV]

 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]

It's better to use GUIDE to develop GUI instead of App designer , and later migrate to App designer. Hope this solves your problem