File Exchange Pick of the Week

February 27th, 2009

GUI Layout (Part 4)

Jiro's pick this week is GridBagLayout by Jason.

This is another entry in our collection of GUI-oriented Picks-of-the-Week. Here are 3 that I highlighted about a year ago:

I love these entries because 1) I love GUIs and 2) these tools make GUI building fun and easy.

GridBagLayout is a rich set of tools implemented using the MATLAB Class System. It has a nice set of properties and methods to perform sophisticated layout of graphical components.

As you can see from the following set of commands, you can add components and provide individual constraints or let the layout object handle everything. When you resize the figure, the components maintain the appropriate size/location based on the settings.

hl = layout.GridBagLayout(figure);
hl.add(uicontrol('String', 'Button 1'), 1, 2)
hl.add(uicontrol('String', 'Button 2'), 1, 3)
hl.add(axes, 2, [1 3], 'Fill', 'Both')
hl.VerticalWeights = [0 1];
hl.VerticalGap = 20;
hl.HorizontalGap = 20;
hl.HorizontalWeights = [1 0 0];

hl.setConstraints(1, 2, 'MinimumWidth', 80, 'MinimumHeight', 25);
hl.setConstraints(1, 3, 'MinimumWidth', 80, 'MinimumHeight', 25);
hl.setConstraints(2, [1 3], 'LeftInset', 30);
hl.setConstraints(2, [1 3], 'BottomInset', 30);

Here's an animation of how each command affects the GUI.

Also check out the published document that Jason included with his entry. Stay tuned for Part 5. We'll look at another entry that simplifies the GUI building process even more.

Comments?


Get the MATLAB code

Published with MATLAB® 7.7

Leave a Reply

Wrap code fragments inside <pre> tags, like this:

<pre class="code">
a = magic(3);
sum(a)
</pre>

If you have a "<" character in your code, either follow it with a space or replace it with "&lt;" (including the semicolon).


MathWorks

Brett & Jiro share their favorite user-contributed submissions from the File Exchange.

These postings are the author's and don't necessarily represent the opinions of The MathWorks.