MIG LAYOUT TUTORIAL
In this entry I would like to introduce some basic usage of mig layout.
This is image I take in eclipse, we can use window builder plug-in for drag-draw UI.
Code
|
Detail
|
Description
|
Contructor of
MigLayout:
new MigLayout("insets 50 50 0 50", "[74.00]20[165.00][grow]", "[][][]")
|
- "insets 50 50 0 50"
|
- Decribe margin.
insets top
left bottom right
|
- "[74.00]20[165.00][grow]"
|
- Number of columns
+ [74.00]: size of column 1 is 74px.
+
[74.00]20[165.00]: gap between 1st colum and 2nd is
20px.
[grow]:
3rd column is grow
|
|
- "[][][]"
|
- Number of rows.
|
|
JLabel lblNewLabel = new JLabel("Label 1");
panel.add(lblNewLabel, "cell 0 0,alignx leading");
|
- "cell 0 0,alignx leading"
|
- “Label 1” is put to column 0 and row 0. It’saligned from
left to right
|
JLabel lblNewLabel_2 = new JLabel("Label 3");
panel.add(lblNewLabel_2,"cell 0 2,alignx trailing");
|
- "cell 0 2,alignx trailing"
|
- “Label 1” is aligned from right to left.
|
textField = newJTextField();
panel.add(textField, "cell 1 0");
|
- "cell 1 0"
|
- textField is put to 1st column and row
0.
|
textField_1 = newJTextField();
panel.add(textField_1, "cell 1 1,growx");
|
- "cell 1 1,growx"
|
- textField_1 is put to 1st column and 1 row.
- Growx: witdh of this text field is always equal with width of column.
|
textField_2 = newJTextField();
panel.add(textField_2, "cell 1 2,growx,span");
|
- "cell 1 2,growx,span"
|
- Span: this text field is put to columns, 1st column is
1 (cell 1 2) and
others are rest of columns in layout.
- “span colums rows”
|
0 comments:
Post a Comment