MATLAB Answers

App Designer: How to autoresize children in 2-panel reflow option

25 views (last 30 days)
Daemonic
Daemonic on 28 Mar 2020
Commented: Daemonic on 19 Apr 2020
I have a 2-panel app. In the right panel I am displaying images. When I resize the window to be larger, the images stay bunched up in the smaller section of the total window. Likewise, if I make it smaller, the buttons and images are cropped rather than rendered to smaller dimentions.
Is there any way to auto-resize the images when the user changes the window dimensions? I know that in standard apps, the autoresizechildren option is on by default. However, this options is greyed out in the reflow panel apps, and I cannot figure out how to change the setting either in the component browser or in the createComponents function in the app itself.
Thank you.

  0 Comments

Sign in to comment.

Accepted Answer

Alice
Alice on 17 Apr 2020
The property AutoResizeChildren is 'on' by default, so it is 'on' in the 2 panels of the app.
However, AutoResizeChildren doesn't resize the images. There are cases where it makes sense to resize the images, but others where it doesn't (e.g. if the image is used as a logo), so the choice was to not resize images.
(If you place the images in a standard app, you will see that the images also don't get resized)
One way to make the images resize as described is to place a GridLayout in the right panel, and place the images in the grid.
By default, the rows and columns are all sized to be '1x', so they will share the available space equally.
When the panel is resized, the images will be scaled up and down accordingly.

  1 Comment

Daemonic
Daemonic on 19 Apr 2020
Wonderful. Thank you for taking the time to respond. Solution works perfectly.

Sign in to comment.

More Answers (1)

Melissa Williams
Melissa Williams on 17 Apr 2020
Hi,
The auto-resize children property behavior varies based on components and the app layout. Every effort is made to retain relative component positions. Images do not autoresize when the app resizes. The reason is so the image does not distort. Buttons will resize if aligned to other components that resize, like an Axes.
Depending on the components and layout you want, you should be able to manually add a grid to the panel and use that to resize the components.

  1 Comment

Daemonic
Daemonic on 19 Apr 2020
Thank you for your response. The grid solution works great. Appreciate it.

Sign in to comment.

Products


Release

R2019a

Translated by