Документация

Используйте менеджера по размещению сетки

Менеджер по размещению сетки является контейнером, который позволяет вам разметить компоненты пользовательского интерфейса в строках и столбцах. Создайте менеджера по размещению сетки по своему приложению с помощью uigridlayout функция и родительский элемент менеджер по размещению сетки к основному окну рисунка. Можно управлять размером и настройкой сетки путем установки свойств GridLayout объект. Добавьте компоненты в сетку путем порождения их менеджеру по размещению сетки и задайте строку и столбец каждого компонента путем установки его Layout свойство.

Например, используйте менеджера по размещению сетки, чтобы разметить приложение, которое содержит кнопку, счетчик и текстовую область. Дайте кнопке фиксированный размер, но позвольте другим компонентам простираться, чтобы заполнить дополнительное горизонтальное пространство. Кроме того, сосредоточьте компоненты вертикально путем добавления пустых строк выше и ниже их, которые могут расшириться, чтобы заполнить дополнительное вертикальное пространство.

Чтобы выполнить это, создайте сетку с четырьмя строками и двумя столбцами путем передачи [4 2] как второй вход к uigridlayout.

fig = uifigure;
fig.Position(3:4) = [300 300];
gl = uigridlayout(fig,[4 2]);

Затем создайте компоненты пользовательского интерфейса и породите их менеджеру по размещению сетки. Разметьте компоненты с помощью Layout.Row и Layout.Column свойства.

Расположите кнопку и счетчик друг рядом с другом путем добавления их во вторую строку.

btn = uibutton(gl);
btn.Layout.Row = 2;
btn.Layout.Column = 1;

spn = uispinner(gl);
spn.Layout.Row = 2;
spn.Layout.Column = 2;

Расположите текстовую область внизу путем добавления его в третью строку. Разметьте текстовую область, чтобы охватить и первый и второй столбец сетки путем установки ее Layout.Column свойство к [1 2].

ta = uitextarea(gl);
ta.Layout.Row = 3;
ta.Layout.Column = [1 2];

Когда вы создаете менеджера по размещению сетки, по умолчанию, каждая строка имеет ту же высоту, и каждый столбец имеет ту же ширину. Измените размер и измените местоположение компонентов пользовательского интерфейса путем установки RowHeight и ColumnWidth свойства менеджера по размещению сетки.

Установите высоту второй строки автоматически масштабировать для соответствия своему содержимому и высоте третьей строки, которая будет зафиксирована на уровне 100 пикселей. Установите высоты первых и четвертых строк к '1x'. Это указывает, что верхние и нижние строки имеют ту же высоту и расширяются, чтобы заполнить остающееся вертикальное пространство, которое гарантирует, что компоненты сосредоточены в окне рисунка.

gl.RowHeight = {'1x','fit',100,'1x'};

Установите ширину первого столбца автоматически масштабировать для соответствия своему содержимому. Это изменяет размер ширины кнопки, чтобы соответствовать длине ее текста. Установите ширину второго столбца к '1x' заполнять остающееся горизонтальное пространство.

gl.ColumnWidth = {'fit','1x'};

Дополнительная выгода использования менеджера по размещению сетки - то, что можно использовать ColumnWidth и RowHeight свойства справиться, как компоненты пользовательского интерфейса в вашем приложении изменяют размер, когда пользователь приложения изменяет размер окна рисунка. Для получения дополнительной информации смотрите, Справляются, Приложение Поведение при изменении размера Программно.

Задайте Position Свойство

В качестве альтернативы можно вручную расположить компоненты пользовательского интерфейса в вас приложение. Каждый компонент пользовательского интерфейса имеет Position свойство. Используйте это свойство управлять размером и местоположением компонента в окне рисунка. Задайте значение Position как четырехэлементный вектор из формы [left bottom width height].

Например, используйте Position свойство разметить приложение, которое содержит кнопку, счетчик и текстовую область. Выровняйте кнопку и счетчик горизонтально путем указывания, что у них есть то же расстояние от базового края фигуры и той же высоты. Расположите текстовую область ниже кнопки и ползунка, и установите его ширину охватывать ширину эти два компонента выше.

fig = uifigure;
fig.Position(3:4) = [300 300];

btn = uibutton(fig);
btn.Position = [10 195 45 22];

spn = uispinner(fig);
spn.Position = [65 195 225 22];

ta = uitextarea(fig);
ta.Position = [10 85 280 100];

Положение компонента пользовательского интерфейса вычисляется относительно непосредственного родителя компонента. Например, если вы создаете метку в панели, значениях left и bottom в радиус-векторе Label объект указывает на расстояние от левых краев и базовых краев панели, не окна рисунка.