6.4.2 Открытие/закрытие окна

 

В разделе описывается действие открытия/закрытия окна с возможностью детальной настройки расположения открывающегося окна.

Поскольку большинство интерфейсов содержат окна, построение полноценного прототипа без этого действия невозможно.

Объекты действия:

  • Окно;
  • Окно Vaadin.

GUI Machine, действия, окна, закрытие окна

Настройки для действия закрытия/открытия окна

В первую очередь выберите требуемый вариант работы действия:

  • Открыть;
  • Закрыть;
  • Противоположное текущему состояние

При выборе варианта Закрыть  все остальные поля настроек буду заблокированы:

GUI Machine, действия, закрытие окна

Настройки для действия закрытия окна

 Для закрытия окна никаких дополнительных настроек не требуется. Сохраните действие и проверьте корректность его выполнения.

При выборе вариантов Открыть или Сменить состояние на противоположное доступны дополнительные настройки.

Флажок Не выходить за края экрана   управляет расположением окна относительно краёв экрана: он запрещает/разрешает расположение окна за краем экрана. Запрет действует даже в том случае, когда расположение открываемого окна задано настройками за краем экрана.

Настройка расположения открываемого окна на экране включает 4 варианта:

  • Под объектом события;
  • По центру экрана;
  • Относительно объекта;
  • Точные x,y координаты.

При выборе варианта Под объектом события  окно будет открыто под объектом события. Поля настройки координат x,y будут заблокированы.

При выборе варианта По центру экрана  окно будет открыто точно по центру экрана. Поля настройки координат x,y будут заблокированы.

При выборе варианта Относительно объекта  задаётся смещение открываемого окна в координатах x,y относительно верхней левой точки объекта события.

При выборе варианта Точные x,y координаты  задаётся смещение открываемого окна в координатах x,y относительно верхней левой точки экрана.

Настройки смещения открываемого окна в координатах x,y

Координаты X,Y  можно задавать двумя способами:

  • путем указания точного числа экранных пикселей;
  • путем ввода специальных параметров.

При задании координат точным числом экранных пикселей можно установить их следующим образом:

  • 0,0 для расположения верхней левой точки окна точно в верхней левой точке объекта события (над объектом) или экрана (смещение отсутствует);
  • -1,-1, в этом случае:

-При выборе варианта Относительно объекта окно будет расположено над объектом;
-При выборе варианта  Точные x,y координаты  координаты расположения окна останутся неизменными после предыдущего его открытия (либо окно будет располагаться по центру экрана, если это первое открытие окна);

  • ввести любое целое число, в том числе и отрицательное, для смещения влево и вверх.

При задании координат специальными параметрами можно использовать значения:
{x} и {y} — координаты расположения объекта события относительно верхней левой точки экрана;
{width} и {height} — ширина и высота объекта события;
{window.width} и {window.height} — ширина и высота открываемого окна;
{screen.width} и {screen.height} — ширина и высота экрана.

Кроме того, разрешено использование математических операций:

  • + сложение;
  • - вычитание;
  • * умножение;
  • / деление.

    При щелчке правой кнопкой мыши по полю появится контекстное меню со списком  возможных параметров. Щелкните по нужному параметру для вставки в редактируемое поле.

Пример задания координат специальными параметрами:

  • При варианте  Относительно объекта  :

X=0, Y={height} — расположение окна под объектом (случай, аналогичный выбору варианта Под объектом события ):

GUI Machine, окна, действия, настройки

Окно под объектом

 X={width}, Y=-{window.height} — расположение окна над верхним правым углом объекта:

GUI Machine, окна, настройки

Окно над верхним правым углом

 При варианте  Точные x,y координаты :

X={screen.width}-{window.width}, Y={screen.height}-{window.height} — расположение окна в правом нижнем углу экрана;

X={screen.width}/2-{window.width}/2,  Y={screen.height}/2-{window.height}/2 — расположение окна по центру экрана;

X=0, Y=0 — расположение окна в левом верхнем углу экрана.

Перейти на сайт GUI Machine Suffusion theme by Sayontan Sinha