Диалоговое окно windows: Диалоговые окна и всплывающие элементы — Windows apps

20.05.1979 alexxlab 0

Содержание

Диалоговые окна и всплывающие элементы — Windows apps

  • Чтение занимает 2 мин

В этой статье

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

API платформы: класс ContentDialog, класс Flyout

Диалоги

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

Они часто требуют от пользователя совершения каких-либо действий.

Всплывающие элементы

Всплывающий элемент — это облегченное всплывающее контекстно-зависимое окно, отображающее элемент пользовательского интерфейса в зависимости от действий пользователя. Он включает логику расположения и размеров и может использоваться для отображения дополнительного элемента управления или отображения дополнительных сведений об элементе.

В отличие от диалогового окна, всплывающий элемент можно быстро закрыть нажатием или щелчком за его пределами, нажатием клавиши Escape или кнопки «Назад», изменением размера окна приложения или ориентации устройства.

Выбор правильного элемента управления

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

Определив, собираетесь ли вы использовать диалоговое окно или всплывающий элемент, необходимо выбрать один из этих вариантов.

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

Используйте диалоговое окно в следующих целях.

  • Чтобы сообщить важную информацию, которую пользователь должен прочитать и осознать перед продолжением работы. Примеры приведены ниже:
    • угроза безопасности пользователя;
    • намерение изменить ценные данные без возможности отмены действия;
    • намерение удалить ценные данные;
    • подтверждение покупки из приложения;
  • Сообщения об ошибках, которые относятся к приложению в целом, например ошибка подключения.
  • Вопросы, если приложению нужно задать пользователю блокирующий вопрос, например, если приложение не может сделать выбор от имени пользователя. Блокирующий вопрос нельзя проигнорировать или отложить. У пользователя должны быть понятные варианты выбора.

Используйте всплывающий элемент в следующих целях.

  • сбор дополнительных сведений для завершения действия;
  • Отображение временно актуальных сведений. например, когда пользователь щелкает эскиз изображения в приложении фотоальбома, можно использовать всплывающий элемент для отображения увеличенного варианта этого изображения;
  • отображение дополнительной информации, например подробных сведений или более длинных описаний элемента на странице.

Как избавиться от ненужных диалоговых окон и всплывающих элементов

Учитывайте важность информации, которую требуется отобразить: важна ли она настолько, чтобы прерывать пользователя? Также учтите частоту отображения информации. Если диалоговое окно или уведомление отображается каждые несколько минут, возможно, следует выделить для этой информации место в основном пользовательском интерфейсе. Возьмем, к примеру, клиент чата. Вместо того чтобы отображать всплывающий элемент каждый раз, когда друг выполняет вход, можно отображать список друзей, находящихся на данный момент в сети, и выделять друзей, выполняющих вход.

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

Как создать диалоговое окно

См. статью Диалоговые окна.

Как создать всплывающий элемент

См. статью Всплывающий элемент.

Примеры

Диалоговые окна. Компьютер на 100. Начинаем с Windows Vista

Диалоговые окна

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

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

Панели задач, затем в появившемся окне перейдите по ссылке Изменение настройки даты и времени (рис. 1.13).

Рис. 1.13. Окно настройки даты и времени

В различных диалоговых окнах можно найти следующие элементы.

? Вкладка. Окна с большим количеством элементов управления разделены на несколько вкладок. Вкладку можно рассматривать как одну страницу многостраничного окна (см. рис. 1.13). Например, окно настройки даты и времени содержит три вкладки: Дата и время, Дополнительные часы, Время Интернета. Чтобы перейти на другую вкладку, нужно щелкнуть кнопкой мыши на ее имени в верхней части окна.

? Кнопка. Щелчок на кнопке позволяет выполнить действие, указанное в ее названии. В нижней части окна настройки даты и времени (см. рис. 1.13) есть три кнопки: ОК, Отмена и Применить. Эти кнопки вы будете встречать довольно часто в разных диалоговых окнах, поэтому рассмотрим их назначение подробнее:

• ОК – закрывает диалоговое окно и сохраняет все выполненные изменения;

• Отмена – закрывает окно без сохранения изменений;

• Применить

– сохраняет изменения без закрытия диалогового окна.

На некоторых кнопках может отображаться значок в виде щита, например данный элемент есть на кнопке Изменить дату и время (см. рис. 1.13). Это значит, что для выполнения данной команды у вас должны быть права администратора компьютера. После щелчка на кнопке придется подтвердить команду в окне службы контроля учетных записей (см. урок. 8.1).

? Числовое поле. Этот элемент служит для ввода числовых значений. Найти числовое поле можно в окне настройки экранной заставки. Для этого щелкните правой кнопкой мыши на свободном участке

Рабочего стола, выполните в контекстном меню команду Персонализация и в появившемся окне перейдите по ссылке Экранная заставка. В окне Параметры экранной заставки (рис. 1.14) есть числовое поле, в котором можно задать время появления заставки при простое компьютера. Введите числовое значение с клавиатуры или же щелкните на кнопках со стрелками.

Рис. 1.14. Окно настройки экранной заставки

? Раскрывающийся список. Этот элемент управления служит для выбора одного варианта из имеющихся. Например, в окне настройки экранной заставки (см. рис. 1.14) вы можете выбрать другую заставку из имеющегося списка. Для этого необходимо щелкнуть кнопкой мыши на стрелке в правой части списка, а затем на названии нужной заставки.

? Текстовое поле. Служит для ввода текстовой информации и обычно имеет вид прямоугольной рамки, в которую вводят текст после щелчка кнопкой мыши на ней. Чтобы увидеть текстовое поле, выберите заставку Объемный текст в окне настройки экранной заставки и нажмите кнопку Параметры. В появившемся окне (рис. 1.15) вы сможете изменить текст заставки в соответствующем текстовом поле.

Рис. 1.15. Окно Параметры заставки «Объемный текст»

? Флажок. Данный элемент имеет вид маленького квадратного окошка с названием. Флажок может находиться в двух положениях – установленном и снятом. Для изменения положения флажка нужно щелкнуть на нем кнопкой мыши. Например, в окне Параметры заставки «Объемный текст» (см. рис. 1.15) флажок Отображать световые блики установлен, а флажок Выбрать отражение – снят.

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

В окне Параметры заставки «Объемный текст» (см. рис. 1.15) есть две группы переключателей. Первая группа (Текст) позволяет выбрать текст или время для заставки, а вторая (Поверхность) – один из трех вариантов поверхности. Вы можете изменить любые параметры этой заставки, после чего следует нажать кнопку ОК для подтверждения ваших действий. Чтобы увидеть изменения, нажмите кнопку Просмотр.

? Регулятор. Служит для плавного изменения определенного параметра путем перетаскивания ползунка с помощью мыши. В рассмотренном окне параметров заставки (см. рис. 1.15) также есть несколько регуляторов – Разрешение, Размер и Скорость вращения.

Все современные компьютеры оборудованы звуковыми платами и колонками. В области уведомлений Панели задач обычно есть значок динамика, щелчок кнопкой мыши на котором открывает регулятор громкости. Чтобы изменить громкость, используя мышь, перетащите ползунок вверх или вниз.

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

? В этой книге вы будете встречаться с описанием различных диалоговых окон. Все они будут состоять из всевозможных комбинаций рассмотренных выше элементов.

? Вы можете сколько угодно практиковаться в изменении параметров экранных заставок, но с другими диалоговыми окнами следует быть осторожнее: не зная, к чему может привести изменение того или иного параметра, вы можете серьезно нарушить работу системы.

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

диалоговое окно — это.

.. Что такое диалоговое окно?
диалоговое окно
диало́говое окно́

прямоугольник на экране монитора персонального компьютера, служащий для введения данных, необходимых для работы программы, подтверждения действия, ответа на запрос системы или настройки каких-либо параметров. Как правило, имеет кнопки OK и «Отменить» (Cancel). Для облегчения работы пользователя многие диалоговые окна имеют в верхнем правом углу кнопку с изображением вопросительного знака. При щелчке «мышью» по этой кнопке, а затем по любому элементу диалогового окна появляется всплывающая подсказка с описанием этого элемента. Диалоговые окна часто состоят из нескольких вкладок. Так, для настройки мультимедиа-устройств в системе Windows имеются ярлычки с надписями «Аудио», «Видео», CD и др. в верхней части диалогового окна, предназначенные для доступа к различным вкладкам. В этом же диалоговом окне имеются элементы, предназначенные для регулирования «мышью», – ползунки для настройки уровня записи и воспроизведения. Если список файлов и папок каталога Windows не умещается в окне, появляется полоса прокрутки, позволяющая прокручивать информацию. Работа с диалоговым окном заканчивается подтверждением или отменой выполненных в нём действий. Для подтверждения открытия выбранного файла необходимо нажать кнопку «Открыть», а для отмены – кнопку «Отмена».

Энциклопедия «Техника». — М.: Росмэн. 2006.

.

  • джонка
  • диапозитив

Смотреть что такое «диалоговое окно» в других словарях:

  • Диалоговое окно — (англ. dialog box)  в графическом пользовательском интерфейсе специальный элемент интерфейса, окно, предназначенное для вывода информации и (или) получения ответа от пользователя. Получил своё название потому, что осуществляет… …   Википедия

  • диалоговое окно — Окно в интерактивных системах, которое появляется и остается на экране по командам, инициированным системой или пользователем. [Л.М. Невдяев. Телекоммуникационные технологии. Англо русский толковый словарь справочник. Под редакцией Ю.М.… …   Справочник технического переводчика

  • диалоговое окно экрана — Специальное окно, используемое для обмена информацией с пользователем. Данное окно владеет рядом подокон, которые предназначены для ввода текстовой информации, выбора одного или нескольких объектов из ряда объектов. [Е.С.Алексеев, А.А.Мячев.… …   Справочник технического переводчика

  • Окно инспектора объектов — (англ. Object inspector window)  в вычислительной технике, это окно, которое отображает текущие параметры выделенного (выбранного) объекта, а также позволяет на лету изменять их. Подобные окна используются в файловых менеджерах, которые …   Википедия

  • окно диалоговое — прямоугольная область на экране монитора, служащая для ведения диалога операционной системы Windows с пользователем. С помощью диалоговых окон можно настроить любые элементы управления системы, дать ей задание или ответить на вопрос. Напр., при… …   Энциклопедия техники

  • ОКНО — (1) в архитектуре проём в стене для света и воздуха, а также рама со стеклом, закрывающая это отверстие; (2) ничем не занятое время, промежуток в цикле работ, в расписании движения транспорта, в учебном процессе и т.п.; (3) в информатике основной …   Большая политехническая энциклопедия

  • окно — 3.1.3 окно: Зона экрана дисплея, в которой отображается информация и обеспечивается диалоговое взаимодействие пользователя с ЭСО. Источник: ГОСТ 2.610 2006: Единая система конструкторской документации. Правила выполнения эксплуатационных… …   Словарь-справочник терминов нормативно-технической документации

  • Модальное окно — В графическом интерфейсе пользователя модальным называется окно, которое блокирует работу пользователя с родительским приложением до тех пор, пока пользователь это окно не закроет. Модальными преимущественно реализованы диалоговые окна. Также… …   Википедия

  • About box — Окно «О программе» в KDE 3.5.1 About box (рус. О программе)  это диалоговое окно, которое отображает информацию о компьютере или конкретном программном …   Википедия

  • Оконный интерфейс — Пример оконного интерфейса в текстовом режиме (файловый менеджер Midnight Commander)  несколько окон (две файловых панели и диалоговое окно поверх них …   Википедия


Диалоговое окно — это… Что такое Диалоговое окно?

Диалоговое окно (англ. dialog box) — в графическом пользовательском интерфейсе специальный элемент интерфейса, окно, предназначенное для вывода информации и (или) получения ответа от пользователя. Получил своё название потому, что осуществляет двустороннее взаимодействие компьютер-пользователь («диалог»): сообщая пользователю что-то и ожидая от него ответа.

Диалоговые окна подразделяются на модальные и немодальные, в зависимости от того, блокируют ли они возможность взаимодействия пользователя с приложением (или системой в целом) до тех пор, пока не получат от него ответ.

Пример окна сообщения.

Простейшим типом диалогового окна является окно сообщения (англ. message box, англ. alert box), которое выводит сообщение и требует от пользователя подтвердить, что сообщение прочитано. Для этого обычно необходимо нажать кнопку OK. Окно сообщения предназначено для информирования пользователя о завершении выполнявшегося действия, вывода сообщения об ошибке и тому подобных случаев, не требующих от пользователя какого-либо выбора.

Несмотря на то, что использование окна сообщения является часто применяемым шаблоном проектирования, оно критикуется экспертами по юзабилити как неэффективное решение для поставленной задачи (защита от ошибочных действий пользователя)[1], вдобавок, при наличии лучших альтернатив[2].

Кнопки

Пример запроса подтверждения.

В диалоговых окнах многих программ присутствуют кнопки OK и Отмена (Cancel), нажимая первую из которых пользователь выражает своё согласие с тем, что в этот момент отображает диалоговое окно, и тем самым закрывает его, приводя в действие сделанные в нём изменения, а вторая — закрывает окно без применения. Существуют варианты с единственной кнопкой ОК — в информирующих окнах, не подразумевающих каких-либо изменений, и с кнопками ОК, Применить (Apply) и Закрыть (Close), в окнах, результаты изменений в которых пользователь, по мнению автора программы, может оценить не закрывая окна, и в случае неудовлетворительного результата продолжить внесение изменений.

Так же хорошим тоном считается обеспечить в диалоговых окнах справочную систему — обычно это реализуется либо в виде кнопки Справка (Help), открывающей страницу документации, описывающую работу в этом диалоговом окне, либо (в Windows) с помощью кнопки с знаком вопрос в заголовке окна, нажав на которую пользователь переключает мышь в режим одноразовой контекстной подсказки: нажатие мышью в этом режиме на элемент диалогового окна вызывает отображение описания этого элемента.

Немодальные диалоговые окна

Немодальные (англ. modeless) диалоговые окна используются в случаях, когда выводимая в окне информация не является существенной для дальнейшей работы системы. Поэтому окно может оставаться открытым, в то время как работа пользователя с системой продолжается. Разновидностью немодального окна является панель инструментов или окно-«палитра», если она отсоединена или может быть отсоединена от главного окна приложения, так как элементы управления, расположенные на ней, могут использоваться параллельно с работой приложения. Впрочем, такие окна редко называют «диалоговыми».

В общем случае, правила хорошего программного дизайна предлагают использовать именно этот тип диалоговых окон, так как он не принуждает пользователя к определённой (возможно, не очевидной для него) последовательности действий. Примером может быть диалоговое окно для изменения каких-либо свойств текущего документа, например, цвета фона или текста. Пользователь может вводить текст, не обращая внимания на его цвет. Но в любой момент может изменить цвет, используя диалоговое окно. (Приведённый пример не обязательно является лучшим решением. Такую же функциональность может обеспечить и панель инструментов, расположенная в главном окне. )

Модальные на уровне приложения

Модальным называется окно, которое блокирует работу пользователя с родительским приложением до тех пор, пока пользователь это окно не закроет. Диалоговые окна преимущественно реализованы модальными.

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

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

Специалисты по юзабилити считают модальные окна запросов подтверждений плохими дизайнерскими решениями, так как они могут приводить пользователя к, так называемым, «ошибкам режима программы». Опасные действия должны иметь возможность отмены везде, где это возможно, а модальные окна запросов подтверждений, пугающие пользователя своим неожиданным появлением, через некоторое время пропускаются им автоматически (так как он привык к ним) и, поэтому, не защищают от опасных действий[3].

Модальные на уровне окна

Для смягчения недостатков модальных диалоговых окон (блокирование доступа к приложению, или, даже, к системе в целом) была предложена концепция модальности на уровне окна (или документа). Такой тип диалогового окна введён, например, в Mac OS X, где он называется «диалоговое модальное окно для документа» (англ. document modal sheet).

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

Примечания

Ссылки

Как настроить и изменить диалоговые окна в Windows 7 — Сводные таблицы Excel 2010

В операционной системе Windows 7, как, впрочем, и в других операционных системах семейства Windows, все программы на экране компьютера представлены в виде окон. Вы можете запустить несколько программ одновременно, и каждое приложение будет запущено в отдельном окне. Окна программ можно располагать на экране в произвольном порядке, изменять размеры этих окон по своему желанию. Программа, которой вы в данное время не пользуетесь, но работу ее прекращать не желаете, может быть свернута. При этом на панели задач останется кнопка запущенного приложения.

Поэкспериментируйте с запуском таких приложений:

  1. Нажмите кнопку Пуск (Start) на панели задач операционной системы Windows 7 и выберите из списка недавно запускавшихся программ любое приложение, например Paint. Для запуска данного приложения достаточно щелкнуть мышью на строке с названием этой программы.
  2. Чтобы было приятнее работать с данным приложением, вы можете отобразить в рабочем поле программы любую фотографию, например вам нравится как выглядит листогиб гидравлический. Для этого нажмите кнопку в левом верхнем углу приложения и выберите из появившегося меню команду Открыть (Open). Откроется диалоговое окно Открыть (Open), в котором перейдите в каталог, где сохранено изображение, и дважды щелкните мышью на миниатюре фотографии, которую вы желаете открыть. Выбранная фотография появится в рабочем поле программы (рис. 3.23).

Рис. 3.23. Окно программы Paint с открытой фотографией

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

  • кнопка Свернуть (Minimize) сворачивает окно выбранного приложения, после чего на панели задач остается кнопка данной программы. Чтобы окно программы вновь отобразить на экране компьютера, достаточно щелкнуть мышью на кнопке данного приложения. Обратите внимание, что свернуть и развернуть окно приложения можно и не прибегая к помощи кнопки. Достаточно щелкнуть мышью на кнопке приложения, расположенного на панели задач операционной системы, и окно приложения будет свернуто. Повторный щелчок мыши на данной кнопке восстановит окно программы на рабочем столе;
  • кнопка Развернуть (Maximize) разворачивает окно программы на всю полезную площадь экрана. При разворачивании окна программы на весь экран в нижней части рабочего стола останется только панель задач. Но если в свойствах панели задач установлен флажок Автоматически скрывать панель задач (Auto-hide the taskbar), то окно приложения займет все пространство экрана. Обратите внимание: когда окно программы будет развернуто, кнопка Развернуть (Maximize) сменяется кнопкой Свернуть в окно (Restore Down). После нажатия данной кнопки размер окна приложения будет восстановлен, а кнопка опять изменит свой вид на другую;
  • кнопка Закрыть (Close) позволяет завершить работу данной программы. Она дублирует команду Выход (Exit), находящуюся в меню программы. Для завершения работы программы вы можете также нажать кнопку и в открывшемся меню выбрать пункт Выход (Exit) или щелкнуть мышью на значке системного меню и выбрать команду Выход (Exit).

Следует заметить, что в обновленных приложениях операционной системы Windows 7 правее кнопки системного меню находится панель быстрого доступа, на которой по умолчанию расположены следующие четыре кнопки:

  • кнопка Сохранить (Save) позволяет сохранить текущее состояние редактируемого документа. При первом сохранении нового документа после нажатия кнопки Сохранить (Save) на экране появится диалоговое окно Сохранить как (Save As), в котором следует выбрать папку назначения и назначить имя сохраняемому файлу;
  • кнопка Отменить (Undo) отменяет последнее выполненное действие;
  • кнопка Вернуть (Redo) возвращает отмененное ранее действие;
  • кнопка Настройка панели быстрого доступа (Customize Quick Access Tolbar) открывает меню с перечнем кнопок, которые вы можете добавить. Чтобы добавить кнопку на панель быстрого доступа, нажмите кнопку и в появившемся меню щелкните мышью на имени команды, кнопку которой вы желаете добавить. Чтобы убрать лишнюю кнопку, отобразите меню кнопок панели быстрого доступа и щелкните мышью на команде, кнопку которой вы удаляете.

Как упоминалось ранее, пользователь может самостоятельно изменять размер окон приложений. Для произвольного изменения размера следует установить указатель мыши на правый нижний угол окна так, чтобы вид указателя мыши изменился. Затем, нажав и удерживая левую кнопку мыши, нужно переместить границу окна в желаемом направлении. После изменения размеров окна левую кнопку мыши следует отпустить. Чтобы изменить размер окна по горизонтали, установите указатель мыши на вертикальную границу окна, а затем, нажав и удерживая левую кнопку мыши, переместите границу окна. При этом вид указателя мыши изменится. Для изменения размера окна по вертикали установите указатель мыши на горизонтальную границу окна и измените размер окна приложения. Вид указателя мыши в этом случае изменится.

Обратите внимание на нововведения операционной системы версии Windows 7. Чтобы развернуть окно на весь рабочий стол, установите указатель мыши на заголовок окна, а затем, нажав и удерживая левую кнопку мыши, переместите окно к верхней границе рабочего стола. После того как вы отпустите левую кнопку мыши, окно программы развернется на весь экран.

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

При настроенной теме Aero операционная система Windows 7 предоставляет дополнительную возможность: если у вас запущено несколько программ, для сворачивания всех окон приложений, кроме активного, следует установить указатель мыши на заголовок активного приложения и, нажав и удерживая левую кнопку мыши, быстро потрясти мышью влево-вправо.

Обратите внимание: если у вас одновременно запущено несколько программ, для переключения между окнами этих приложений достаточно щелкнуть мышью на заголовке нужной программы или на кнопке приложения, расположенного на панели задач операционной системы. Также вы можете использовать сочетания клавиш Alt+Tab и Shift+Alt+Tab для переключения между окнами программ.

Помимо окон программ существуют и диалоговые окна. Простыми словами, диалоговое окно помогает пользователю вести диалог с операционной системой или приложением: выбирать параметры из раскрывающихся списков, устанавливать или сбрасывать флажки напротив нужных названий ссылок или команд. Так же можно, например, переименовывать папки и файлы по своему вкусу, вводя новые имена в предлагаемых полях ввода, и выполнять множество других операций с помощью диалоговых окон. В большинстве случаев размер диалоговых окон изменению не поддается и кнопки сворачивания, разворачивания и восстановления у них отсутствуют. Еще одна особенность диалоговых окон — если диалоговое окно вызывается из какой-либо программы, в большинстве случаев работу с программой продолжить будет невозможно, пока диалоговое окно не закроет пользователь (или операционная система). Некоторые диалоговые окна состоят из вкладок, для отображения которых следует щелкнуть мышью на ярлыке данной вкладки. В качестве примера может выступать диалоговое окно Звук (Sound). Но большинство диалоговых окон — это одностраничное окно, на котором содержатся элементы управления для выбора параметров пользователем. Классический пример диалогового окна приведен на рис. 3.24.

Рис. 3.24. Диалоговое окно Открыть

Это диалоговое окно предназначено для открытия документов в какой-либо программе. В верхней части окна вы увидите поле ввода с указанием пути к каталогу, содержимое которого отображается в центральной части диалогового окна. Левее поля ввода адреса расположены две кнопки: Назад (Back) и Вперед (Forward), назначение которых — навигация по папкам.

Эти кнопки доступны, если в диалоговом окне совершались перемещения по каталогам операционной системы. Так, с помощью кнопки Назад (Back) вы вернетесь в предыдущий каталог. А кнопка Вперед (Forward) позволяет снова перейти к папке, которую вы покинули ранее. Справа от поля с указанием пути к каталогу находится поле ввода, предназначенное для указания ключевых слов, по которым будет автоматически осуществляться поиск. Это удобно, если в открытом каталоге файлов очень много. В левой части диалогового окна находятся ссылки на основные места размещения файлов и системные локации. Нижняя часть диалогового окна содержит элементы управления для выбора типа открываемого файла, указания имени объекта, а также кнопки подтверждения операции или ее отмены. Стоит отметить, что все диалоговые окна индивидуальны, и описание актуально лишь для окна, изображенного на рис. 3.24.

Диалоговые окна

Диалоговые окна

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

1. Сверните все окна, если они открыты на рабочем столе (воспользуйтесь для этого кнопкой Свернуть все окна на панели Быстрый запуск).

2. Щелкните правой кнопкой мыши на рабочем столе и в появившемся контекстном меню выберите пункт Свойства.

В результате на экране появляется диалоговое окно Свойства: Экран (рис. 3.19). Это диалоговое окно содержит пять вкладок- Сейчас на переднем плане вкладка Темы. Для того чтобы перейти на другую вкладку, следует щелкнуть на ее ярлычке вверху окна (см. рис. 3.19).

3. Перейдите на вкладку Заставка.

Для этого поместите указатель на ярлычок вкладки (см. рис. и выполнитещелчок. В окне Свойства: Экран на передний план выводится вкладка Заставка (рис. 3.20). На этой вкладке присутствуют три управляющих элемента — раскрывающийся список, счетчик и флажок, — функционирование которых мы рассмотрим далее.

4. В раскрывающемся списке Заставка выберите значение строка.

Заставка — это программа сохранения экрана. Если некоторое (заранее определенное) время компьютер бездействует, эта программа гасит экран и отображает на нем различные эффекты.

Рис. 3. 19. Диалоговое окно Свойства; Экран содержит несколько вкладок

Рис. 3.20. Вкладка Заставка содержит несколько управляющих элементов

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

Для того чтобы что-то выбрать в раскрывающемся списке, следует щелкнуть на кнопке со стрелкой вниз справа, а затем в появившемся перечне щелкнуть на нужном значении (рис. 3.21)

Рис. 3.21. Щелкните .и:.;;: кнопке и в открывшемся списке выберите одно из значений

После выбора значения список закрывается и выбранное значение появляется в поле списка.

5. Щелкните на кнопке Параметры на вкладке Заставка.

Эта кнопка находится справа от раскрывающегося списка Заставка. В результате на экране появляется диалоговое окно Параметры заставки «Бегущая строка», (рис. 3.22). На этой вкладке присутствуют еще три управляющих элемента, с функционированием которых нам предстоит познакомиться — поле ввода, группа переключателей и регулятор.

Регулятор

Рис. 3.22. Еще одно диалоговое окно, содержащее управляющие элементы

Итак, сейчас на вашем экране открыты два диалоговых окна, содержащие управляющие элементы — счетчик, флажок, раскрывающийся список, поле ввода, группа переключателей, регулятор, — которые мы рассмотрим ниже.

⇐Линии прокрутки || Оглавление || Счетчик⇒

Управление системными окнами Windows – изменение размера и перемещение

Каждый раз, когда открываются программа, файл или папка, они отображаются на экране в прямоугольнике или в рамке, что называется окном. Именно поэтому операционная система Windows получила свое имя (в переводе – «Окна»). Поскольку окна в Windows есть везде, важно уметь их перемещать, изменять размер или просто закрывать.

Части окна системы Windows

Хотя содержимое окон может быть разным, все они имеют определенные общие черты. Во-первых, окна всегда появляются на рабочем столе – в главной рабочей области экрана. Кроме того, большинство окон имеют одинаковые основные части.

  • Заголовок. Отображает имя документа и название программы (или имя папки).
  • Кнопки «Свернуть», «Развернуть» и «Закрыть». Эти кнопки, соответственно, скрывают окно, раскатывают его на весь экран и закрывают его (подробнее далее).
  • Меню. Содержит элементы, с помощью которых можно работать с программой. См. Использование меню, кнопок, панелей и полей.
  • Полоса прокрутки. Позволяет прокручивать содержимое окна, чтобы просматривать информацию, которой не видно.
  • Границы и углы. Потянув за них, можно изменить размер окна.

Другие окна могут содержать дополнительные кнопки, поля или панели. Но все они обычно содержат вышеупомянутые основные части.

Изменение размера и перемещение окна Windows

Чтобы переместить окно, наведите указатель мыши на строку заголовка. Перетащите окно, куда нужно. (Перетаскивание означает наведении указателя на объект, нажатие кнопки мыши, перемещение объекта указателем и отпускания кнопки мыши. )

Чтобы развернуть окно на весь экран, нажмите кнопку Развернуть или дважды щелкните строку заголовка окна.

Чтобы вернуть окно к предыдущему размеру, нажмите кнопку Восстановить (кнопка появится на месте кнопки развертывания) или дважды щелкните заголовок окна.

Чтобы изменить размер окна (уменьшить или увеличить его), наведите указатель на любую границу или на угол окна. Когда указатель превратится в двустороннюю стрелку (см. рисунок ниже), перетащите границу или угол, чтобы уменьшить или увеличить окно.

Перетащите границу или угол окна, чтобы изменить размер.

Размер развернутого окна нельзя изменить. Следует сначала восстановить его прежний размер.

Хотя большинство окон можно разворачивать и изменять их размер, некоторые окна имеют неизменяемый размер (например, диалоговые окна).

Скрытие (свертывание) Windows-Окон

Скрытие окна называется свертыванием. Чтобы временно скрыть окно, не закрывая – сверните его.

Чтобы свернуть окно, нажмите кнопку Свернуть Окно исчезнет с рабочего стола, а вместо него будет видно только кнопку на панели задач – длинной горизонтальной панели в нижней части экрана.

Чтобы свернутое окно снова появилось на рабочем столе, щелкните кнопку на панели задач. Окно отображается в таком же виде, как к свертыванию.

Дополнительные сведения о панели задач см. Панель задач (обзор).

Закрытие окна

Закрытие окна удаляет его с рабочего стола и панели задач. Если работа с программой или документом закончена, закройте соответствующее окно.

  • Чтобы закрыть окно, нажмите кнопку Закрыть

Если попытаться закрыть документ, не сохранив изменения в нем, появится диалоговое окно с предложением сохранить изменения.

Переключение между окнами приложений

Если открыть несколько программ или документов, рабочий стол будет закрыт окнами. Иногда трудно найти нужное окно, поскольку некоторые окна могут полностью или частично закрывать собой другие.

Использование панели задач. Панель задач помогает упорядочить все окна. Каждому окну соответствует кнопка на панели задач. Чтобы перейти к определенному окну, щелкните кнопку на панели задач. Окно отображается поверх всех других окон и станет активным, т.е. готовым к работе. Дополнительные сведения о кнопках на панели задач, см. Панель задач (обзор).

Чтобы идентифицировать окно, выберите его кнопку на панели задач. Если навести указатель мыши на кнопку панели задач, можно увидеть эскиз окна, то есть изображение документа, фотографии или видеозаписи. Этот тип просмотра полезен тогда, когда не удается определить окно только по его имени.

Для просмотра эскизов компьютер должен поддерживать среду Aero. Дополнительные сведения см. Что такое среда Aero?

Использование сочетания клавиш Alt + Tab. Нажатием клавиши Alt + Tab можно вернуться к предыдущему окну. Удерживая нажатой клавишу Alt и многократно нажимая клавишу табуляции, можно осуществить циклическое переключение между окнами. Чтобы отобразить выбранное окно, нужно отпустить клавишу Alt.

Использование эргономичного пролистывания Aero. Функция эргономичного пролистывания Aero представляет все окна как трехмерную стопку, что позволяет быстро переключаться между ними. Чтобы включить функцию «Объемное перелистывания»:

  • Удерживая клавишу Windows, нажмите клавишу Tab, чтобы активировать объемное листание.

Для циклического переключения между открытыми окнами удерживайте нажатой клавишу с эмблемой Windows и многократно нажимайте табуляцию или вращайте колесико мыши.

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

Отпустите клавишу Windows, чтобы открыть первое окно в стопке, или щелкните часть любого окна в стопке, чтобы отобразить это окно.

Объемная прокрутка относится к эффектам среды Aero. Если компьютер не поддерживает Aero, открытые программы и окна можно просмотреть, нажав сочетание клавиш Alt + Tab. Для циклического переключения между открытыми окнами можно воспользоваться мышью, нажать клавишу табуляции или клавишу со стрелкой.

Автоматическое упорядочение окон Windows

Зная, как перемещать окна и изменять их размер, можно расположить их на рабочем столе в произвольном порядке. Также можно позволить Windows автоматически упорядочить окна одним из трех способов: каскадом, вертикальным или рядом.

Чтобы выбрать какой-то из этих параметров, откройте несколько окон на рабочем столе, щелкните правой кнопкой мыши пустую область панели задач и выберите Окна каскадом, Окна стопкой или Окна рядом.

Составление окон с помощью параметра «Привязка»

Этот параметр автоматически изменяет размер окон во время их перемещения или привязки к краю экрана. Его можно использовать для упорядочения окон рядом, вертикального развертывания окон или развертывания окна.

Чтобы упорядочить окна рядом
  • Перетащите строку заголовка окна в левую или правую часть экрана, пока не появится контур развернутого окна.
  • Отпустите кнопку мыши, чтобы развернуть окно.
  • Повторите шаги 1 и 2 с другим окном, чтобы упорядочить окна рядом.
Чтобы вертикально развернуть окно
  • Наведите указатель мыши на верхнюю или нижнюю границу окна, пока указатель не превратится в двустороннюю стрелку.
  • Перетащите границу окна к верхней или нижней части экрана, чтобы развернуть окно до полной высоты рабочего стола. Ширина окна не изменится.
Чтобы развернуть окно
  • Перетащите строку заголовка окна к верхней части экрана. Контур окна развернется на весь экран.
  • Отпустите окно, чтобы развернуть его на весь рабочий стол.

Диалоговые окна приложений Windows

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

В отличие от обычных окон, большинство диалоговых окон нельзя развернуть или свернуть, так же как и изменить их размер. Однако их можно перемещать.

Диалоговые окна

(диалоговые окна) — приложения Win32

  • 6 минут на чтение

В этой статье

Диалоговое окно — это временное окно, которое приложение создает для получения данных, введенных пользователем. Приложение обычно использует диалоговые окна, чтобы запросить у пользователя дополнительную информацию для пунктов меню. Диалоговое окно обычно содержит один или несколько элементов управления (дочерние окна), с помощью которых пользователь вводит текст, выбирает параметры или направляет действие.

Windows также предоставляет предопределенные диалоговые окна, которые поддерживают общие пункты меню, такие как Открыть и Печать . Приложения, которые используют эти элементы меню, должны использовать общие диалоговые окна для запроса этого пользовательского ввода, независимо от типа приложения.

В этом разделе

Функции диалогового окна

Имя Описание
CreateDialog Создает немодальное диалоговое окно из ресурса шаблона диалогового окна.
CreateDialogIndirect Создает немодальное диалоговое окно из шаблона диалогового окна в памяти.
CreateDialogIndirectParam Создает немодальное диалоговое окно из шаблона диалогового окна в памяти. Перед отображением диалогового окна функция передает определенное приложением значение в процедуру диалогового окна как параметр lParam сообщения WM_INITDIALOG . Приложение может использовать это значение для инициализации элементов управления диалогового окна.
CreateDialogParam Создает немодальное диалоговое окно из ресурса шаблона диалогового окна. Перед отображением диалогового окна функция передает определенное приложением значение в процедуру диалогового окна как параметр lParam сообщения WM_INITDIALOG . Приложение может использовать это значение для инициализации элементов управления диалогового окна.
DefDlgProc Вызывает процедуру окна диалогового окна по умолчанию, чтобы обеспечить обработку по умолчанию для любых оконных сообщений, которые диалоговое окно с частным классом окна не обрабатывает.
DialogBox Создает модальное диалоговое окно из ресурса шаблона диалогового окна. DialogBox не возвращает управление, пока указанная функция обратного вызова не завершит модальное диалоговое окно, вызвав функцию EndDialog .
DialogBoxIndirect Создает модальное диалоговое окно из шаблона диалогового окна в памяти. DialogBoxIndirect не возвращает управление, пока указанная функция обратного вызова не завершит модальное диалоговое окно, вызвав функцию EndDialog .
DialogBoxIndirectParam Создает модальное диалоговое окно из шаблона диалогового окна в памяти. Перед отображением диалогового окна функция передает определенное приложением значение в процедуру диалогового окна как параметр lParam сообщения WM_INITDIALOG . Приложение может использовать это значение для инициализации элементов управления диалогового окна.
DialogBoxParam Создает модальное диалоговое окно из ресурса шаблона диалогового окна.Перед отображением диалогового окна функция передает определенное приложением значение в процедуру диалогового окна как параметр lParam сообщения WM_INITDIALOG . Приложение может использовать это значение для инициализации элементов управления диалогового окна.
DialogProc Определяемая приложением функция обратного вызова, используемая с семействами функций CreateDialog и DialogBox . Он обрабатывает сообщения, отправленные в модальное или немодальное диалоговое окно.Тип DLGPROC определяет указатель на эту функцию обратного вызова. DialogProc — это имя-заполнитель для определяемого приложением имени функции.
EndDialog Уничтожает модальное диалоговое окно, заставляя систему завершить любую обработку диалогового окна.
GetDialogBaseUnits Извлекает базовые единицы системного диалогового окна, которые представляют собой среднюю ширину и высоту символов системного шрифта.Для диалоговых окон, использующих системный шрифт, вы можете использовать эти значения для преобразования между единицами шаблона диалогового окна, как указано в шаблонах диалоговых окон, и пикселями. Для диалоговых окон, в которых не используется системный шрифт, преобразование единиц шаблона диалогового окна в пиксели зависит от шрифта, используемого диалоговым окном.
GetDlgCtrlID Извлекает идентификатор указанного элемента управления.
GetDlgItem Извлекает дескриптор элемента управления в указанном диалоговом окне.
GetDlgItemInt Переводит текст указанного элемента управления в диалоговом окне в целочисленное значение.
GetDlgItemText Извлекает заголовок или текст, связанный с элементом управления в диалоговом окне.
GetNextDlgGroupItem Извлекает дескриптор первого элемента управления в группе элементов управления, который предшествует (или следует) за указанным элементом управления в диалоговом окне.
GetNextDlgTabItem Извлекает дескриптор первого элемента управления со стилем WS_TABSTOP , который предшествует (или следует) указанному элементу управления.
IsDialogMessage Определяет, предназначено ли сообщение для указанного диалогового окна, и, если да, обрабатывает сообщение.
MapDialogRect Преобразует указанные единицы диалогового окна в единицы экрана (пиксели).Функция заменяет координаты в указанной структуре RECT преобразованными координатами, что позволяет использовать структуру для создания диалогового окна или размещения элемента управления в диалоговом окне.
MessageBox Отображает модальное диалоговое окно, содержащее значок системы, набор кнопок и краткое сообщение о приложении, например информацию о состоянии или ошибке. Окно сообщения возвращает целочисленное значение, которое указывает, какую кнопку нажал пользователь.
MessageBoxEx Создает, отображает и управляет окном сообщения. Окно сообщения содержит определяемые приложением сообщение и заголовок, а также любую комбинацию предопределенных значков и кнопок. Кнопки находятся на языке пользовательского интерфейса системы.
MessageBoxIndirect Создает, отображает и управляет окном сообщения. Окно сообщения содержит определяемые приложением текст и заголовок сообщения, любой значок и любую комбинацию предопределенных кнопок.
SendDlgItemMessage Отправляет сообщение указанному элементу управления в диалоговом окне.
SetDlgItemInt Устанавливает текст элемента управления в диалоговом окне в строковое представление указанного целочисленного значения.
SetDlgItemText Задает заголовок или текст элемента управления в диалоговом окне.

Сообщения диалогового окна

Имя Описание
DM_GETDEFID Извлекает идентификатор элемента управления «кнопка» по умолчанию для диалогового окна.
DM_REPOSITION Перемещает диалоговое окно верхнего уровня так, чтобы оно умещалось в области рабочего стола. Приложение может отправить это сообщение в диалоговое окно после изменения его размера, чтобы все диалоговое окно оставалось видимым.
DM_SETDEFID Изменяет идентификатор кнопки по умолчанию для диалогового окна.

Уведомления в диалоговом окне

Имя Описание
WM_CTLCOLORDLG Отправляется в диалоговое окно перед тем, как система рисует диалоговое окно. Отвечая на это сообщение, диалоговое окно может установить цвет текста и фона, используя указанный дескриптор контекста устройства отображения.
WM_ENTERIDLE Отправляется в окно владельца модального диалогового окна или меню, которое переходит в состояние ожидания. Модальное диалоговое окно или меню переходит в состояние ожидания, когда в его очереди нет ожидающих сообщений после обработки одного или нескольких предыдущих сообщений.
WM_GETDLGCODE Отправлено оконной процедуре, связанной с элементом управления.По умолчанию система обрабатывает весь ввод с клавиатуры для элемента управления; система интерпретирует определенные типы ввода с клавиатуры как клавиши навигации диалогового окна. Чтобы переопределить это поведение по умолчанию, элемент управления может ответить на сообщение WM_GETDLGCODE , чтобы указать типы ввода, которые он хочет обработать сам.
WM_INITDIALOG Отправляется в процедуру диалогового окна непосредственно перед отображением диалогового окна. Процедуры диалогового окна обычно используют это сообщение для инициализации элементов управления и выполнения любых других задач инициализации, влияющих на внешний вид диалогового окна.
WM_NEXTDLGCTL Отправляется в диалоговое окно, процедура установки фокуса клавиатуры на другой элемент управления в диалоговом окне.

Структуры диалоговых окон

Имя Описание
ШАБЛОН DLGITEMPLATE Определяет размеры и стиль элемента управления в диалоговом окне. Одна или несколько из этих структур объединяются со структурой DLGTEMPLATE , чтобы сформировать стандартный шаблон для диалогового окна.
DLGITEMTEMPLATEEX Описывает расширенное диалоговое окно. Описание формата расширенного шаблона диалогового окна см. В DLGTEMPLATEEX .
ШАБЛОН DLG Определяет размеры и стиль диалогового окна. Эта структура, всегда первая в стандартном шаблоне диалогового окна, также определяет количество элементов управления в диалоговом окне и, следовательно, определяет количество последующих структур DLGITEMTEMPLATE в шаблоне.
DLGTEMPLATEEX Расширенный шаблон диалогового окна начинается с заголовка DLGTEMPLATEEX , который описывает диалоговое окно и указывает количество элементов управления в диалоговом окне. Для каждого элемента управления в диалоговом окне шаблон расширенного диалогового окна имеет блок данных, который использует формат DLGITEMTEMPLATEEX для описания элемента управления.
MSGBOXPARAMS Содержит информацию, используемую для отображения окна сообщения. Функция MessageBoxIndirect использует эту структуру.

Window.openDialog () — веб-API | MDN

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

window.openDialog () — это расширение окна .открыть () . Это ведет себя так же, за исключением того, что может опционально принимать один или несколько параметров за пределы windowFeatures , а windowFeatures сам лечится немного иначе.

Необязательные параметры, если они есть, объединены в массив JavaScript объект и добавлен во вновь созданное окно как свойство с именем окно.аргументы . На них можно ссылаться в JavaScript окна. в любое время, в том числе во время выполнения обработчика load .Эти затем можно использовать параметры для передачи аргументов в диалоговое окно и из него.

Вызов openDialog () возвращается немедленно. Если вы хотите позвонить блокировать до тех пор, пока пользователь не закроет диалоговое окно, укажите модальный как windowFeatures Параметр . Обратите внимание, что это также означает, что пользователь не сможет для взаимодействия с окном открытия, пока они не закроют модальное диалоговое окно.

Новые функции

все — Первоначально активирует (или деактивирует ("all = no") ) все chrome (кроме флагов поведения chrome , dialog и модальный ).Их можно переопределить (так что "menubar = no, all" включает весь хром, кроме строки меню.) Эта функция явно игнорируется window.open () . window. openDialog () считает полезным, потому что различных допущений по умолчанию.

Поведение по умолчанию

Параметры chrome и dialog всегда предполагаются включенными, если только явно отключен (« chrome = no «). openDialog () обрабатывает отсутствие параметра features аналогично окну .open () делает; что есть, пустая строка отключает все функции) кроме хром и диалоговое окно , которое по умолчанию включено. Если функция содержит параметр , строка нулевой длины или содержит только одну или несколько характеристик поведения ( хром , зависимый , диалог и модальный ) хромированные функции предполагаются «по выбору ОС». То есть окно код создания не содержит конкретных инструкций, но вместо этого ему разрешено выбрать хром, который лучше всего подходит для диалога в этой операционной системе.

Чтобы передать дополнительные параметры в диалог, вы можете указать их после Окно Особенности параметр:

  openDialog ("http: //example.tld/zzz.xul", "dlg", "", "пицца", 6.98);

Затем дополнительные параметры будут упакованы в свойство с именем arguments . типа Массив , и это свойство добавляется во вновь открывшееся диалоговое окно окно.

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

  var food = window.аргументы [0];
var price = window.arguments [1];

Обратите внимание, что вы можете получить доступ к этому свойству из любого места в коде диалогового окна. (Другой пример).

Возврат значений из диалогового окна

Поскольку window.close () стирает все свойства, связанные с диалоговым окном. окна (т.е. переменные, указанные в коде JavaScript, который загружается из диалоговое окно), невозможно передать возвращаемые значения обратно после операции закрытия, используя globals (или любые другие конструкции).

Чтобы иметь возможность передавать значения обратно вызывающей стороне, вы должны предоставить некоторый объект через дополнительные параметры. Затем вы можете получить доступ к этому объекту из кода диалогового окна и установить свойства на нем, содержащие значения, которые вы хотите вернуть или сохранить после window.close () операция.

  var retVals = {адрес: ноль, доставка: ноль};
openDialog ("http: //example.tld/zzz.xul", "dlg", "модальный", "пицца", 6.98,
    retVals);

Если вы установите свойства объекта retVals в коде диалога как описанный ниже, теперь вы можете получить к ним доступ через массив retVals после вызов openDialog () возвращается.

Внутри кода диалога вы можете установить следующие свойства:

  var retVals = window.arguments [2];
retVals.address = EnterAddress;
retVals.delivery = "немедленно";

диалог | Electron

Отображение диалоговых окон собственной системы для открытия и сохранения файлов, предупреждений и т. Д.

Процесс: Основной

Пример отображения диалогового окна для выбора нескольких файлов:

  const {dialog} = require ('electronic' )консоль.log (dialog.showOpenDialog ({properties: ['openFile', 'multiSelections']}))
Копировать

Методы #

Модуль dialog имеет следующие методы:

dialog.showOpenDialogSync ([browserWindow,] options) #
  • browserWindow BrowserWindow (необязательно)
  • options Object
    • title String (optional)
    • defaultPath String (optional)
    • buttonLabel для кнопки подтверждения, когда оставьте пустым, будет использоваться метка по умолчанию.
    • фильтры FileFilter [] (необязательно)
    • properties String [] (необязательно) - Содержит, какие функции диалоговое окно должно использовать. Поддерживаются следующие значения:
      • openFile - разрешить выбор файлов.
      • openDirectory - Разрешить выбор каталогов.
      • multiSelections - Разрешить выбор нескольких путей.
      • showHiddenFiles - Показать скрытые файлы в диалоговом окне.
      • createDirectory macOS - Разрешить создание новых каталогов из диалогового окна.
      • promptToCreate Windows - Запрос на создание, если введен путь к файлу в диалоге не существует. На самом деле это не создает файл в путь, но позволяет возвращать несуществующие пути, которые должны быть созданный приложением.
      • noResolveAliases macOS - отключить автоматический псевдоним (символическая ссылка) пути разрешающая способность.Выбранные псевдонимы теперь будут возвращать путь псевдонима вместо их целевой путь.
      • TreatPackageAsDirectory macOS - обрабатывать пакеты, такие как папки .app , как каталог вместо файла.
      • dontAddToRecent Windows - не добавлять открываемый элемент в список последних документов.
    • сообщение Строка (необязательно) macOS - Сообщение для отображения над вводом коробки.
    • securityScopedBookmarks Boolean (необязательно) macOS mas - Создание закладок с ограничением безопасности при упаковке для Mac App Store.

Возвращает Строка [] | undefined , пути к файлам, выбранные пользователем; если диалог отменен, он возвращает undefined .

Аргумент browserWindow позволяет диалоговому окну присоединяться к родительскому окну, делая его модальным.

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

  {фильтры: [{name: 'Images', расширения: ['jpg', 'png', 'gif']}, {name: 'Movies', extension: ['mkv', 'avi ',' mp4 ']}, {имя:' Пользовательский тип файла ', расширения: [' как ']}, {имя:' Все файлы ', расширения: [' * ']}]}
Копировать

The Расширения должны содержать расширения без подстановочных знаков и точек (например,. грамм. 'png' - хорошо, а '.png' и '* .png' - плохо). Чтобы показать все файлы, используйте '*' подстановочный знак (другие подстановочные знаки не поддерживаются).

Примечание: В Windows и Linux открытое диалоговое окно не может быть одновременно средством выбора файлов. и селектор каталогов, поэтому, если вы установите для свойств значение ['openFile', 'openDirectory'] на этих платформах селектор каталога будет показано.

  dialog.showOpenDialogSync (mainWindow, {properties: ['openFile', 'openDirectory']})
Копировать

диалоговое окно.showOpenDialog ([browserWindow,] options) #
  • browserWindow BrowserWindow (необязательно)
  • options Object
    • title String (необязательно)
    • defaultPath String button (необязательно)
    • фильтры FileFilter [] (необязательно)
    • properties String [] (необязательно) - Содержит, какие функции диалоговое окно должно использовать.Поддерживаются следующие значения:
      • openFile - разрешить выбор файлов.
      • openDirectory - Разрешить выбор каталогов.
      • multiSelections - Разрешить выбор нескольких путей.
      • showHiddenFiles - Показать скрытые файлы в диалоговом окне.
      • createDirectory macOS - Разрешить создание новых каталогов из диалогового окна.
      • promptToCreate Windows - Запрос на создание, если введен путь к файлу в диалоге не существует.На самом деле это не создает файл в путь, но позволяет возвращать несуществующие пути, которые должны быть созданный приложением.
      • noResolveAliases macOS - отключить автоматический псевдоним (символическая ссылка) пути разрешающая способность. Выбранные псевдонимы теперь будут возвращать путь псевдонима вместо их целевой путь.
      • TreatPackageAsDirectory macOS - обрабатывать пакеты, такие как папки .app , как каталог вместо файла.
      • dontAddToRecent Windows - не добавлять открываемый элемент в список последних документов.
    • сообщение Строка (необязательно) macOS - Сообщение для отображения над вводом коробки.
    • securityScopedBookmarks Boolean (необязательно) macOS mas - Создание закладок с ограничением безопасности при упаковке для Mac App Store.

Возвращает Promise - разрешает с помощью объекта, содержащего следующее:

  • cancelled Boolean - независимо от того, был ли диалог отменен.
  • filePaths String [] - массив путей к файлам, выбранных пользователем. Если диалог отменен, это будет пустой массив.
  • закладок String [] (необязательно) macOS mas - Массив, соответствующий массиву filePaths строк в кодировке base64, который содержит данные закладок с заданной областью безопасности. securityScopedBookmarks должен быть включен для заполнения. (Для возвращаемых значений см. Таблицу здесь.)

Аргумент browserWindow позволяет диалоговому окну присоединяться к родительскому окну, делая его модальным.

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

  {фильтры: [{name: 'Images', расширения: ['jpg', 'png', 'gif']}, {name: 'Movies', extension: ['mkv', 'avi ',' mp4 ']}, {имя:' Пользовательский тип файла ', расширения: [' как ']}, {имя:' Все файлы ', расширения: [' * ']}]}
Копировать

The Расширения должны содержать расширения без подстановочных знаков и точек (например,. грамм. 'png' - хорошо, а '.png' и '* .png' - плохо). Чтобы показать все файлы, используйте '*' подстановочный знак (другие подстановочные знаки не поддерживаются).

Примечание: В Windows и Linux открытое диалоговое окно не может быть одновременно средством выбора файлов. и селектор каталогов, поэтому, если вы установите для свойств значение ['openFile', 'openDirectory'] на этих платформах селектор каталога будет показано.

  dialog.showOpenDialog (mainWindow, {свойства: ['openFile', 'openDirectory']}).затем (результат => {console.log (result.canceled) console.log (result.filePaths)}). catch (err => {console.log (err)})
Копировать

dialog.showSaveDialogSync ([browserWindow ,] options) #
  • browserWindow BrowserWindow (необязательно)
  • options Object
    • title String (optional) - Заголовок диалогового окна. Не может отображаться в некоторых средах рабочего стола Linux .
    • defaultPath String (необязательно) - абсолютный путь к каталогу, абсолютный файл путь или имя файла для использования по умолчанию.
    • buttonLabel String (optional) - Пользовательский ярлык для кнопки подтверждения, когда оставьте пустым, будет использоваться метка по умолчанию.
    • фильтры FileFilter [] (необязательно)
    • сообщение Строка (необязательно) macOS - Сообщение для отображения над текстовыми полями.
    • nameFieldLabel Строка (необязательно) macOS - Пользовательская метка для текста отображается перед текстовым полем имени файла.
    • showsTagField Boolean (необязательно) macOS - Показать поле ввода тегов, по умолчанию истинно .
    • properties String [] (необязательно)
      • showHiddenFiles - Показать скрытые файлы в диалоговом окне.
      • createDirectory macOS - Разрешить создание новых каталогов из диалогового окна.
      • TreatPackageAsDirectory macOS - обрабатывать пакеты, такие как папки .app , как каталог вместо файла.
      • showOverwriteConfirmation Linux - Устанавливает, будет ли пользователю отображаться диалоговое окно подтверждения, если пользователь вводит имя файла, который уже существует.
      • dontAddToRecent Windows - не добавлять сохраняемый элемент в список последних документов.
    • securityScopedBookmarks Boolean (необязательно) macOS mas - создание закладки с ограничением безопасности при упаковке для Mac App Store. Если эта опция включена и файл еще не существует, по выбранному пути будет создан пустой файл.

Возвращает Строка | undefined , путь к файлу, выбранный пользователем; если диалог отменен, он возвращает undefined .

Аргумент browserWindow позволяет диалоговому окну присоединяться к родительскому окну, делая его модальным.

Фильтры задают массив типов файлов, которые могут отображаться, см. dialog.showOpenDialog для примера.

dialog.showSaveDialog ([browserWindow,] options) #
  • browserWindow BrowserWindow (необязательно)
  • options Object
    • title String (optional) - Заголовок диалогового окна.Не может отображаться в некоторых средах рабочего стола Linux .
    • defaultPath String (необязательно) - абсолютный путь к каталогу, абсолютный файл путь или имя файла для использования по умолчанию.
    • buttonLabel String (optional) - Пользовательский ярлык для кнопки подтверждения, когда оставьте пустым, будет использоваться метка по умолчанию.
    • фильтры FileFilter [] (необязательно)
    • сообщение Строка (необязательно) macOS - Сообщение для отображения над текстовыми полями.
    • nameFieldLabel Строка (необязательно) macOS - Пользовательская метка для текста отображается перед текстовым полем имени файла.
    • showsTagField Boolean (необязательно) macOS - Показать поле ввода тегов, по умолчанию true .
    • properties String [] (необязательно)
      • showHiddenFiles - Показать скрытые файлы в диалоговом окне.
      • createDirectory macOS - Разрешить создание новых каталогов из диалогового окна.
      • TreatPackageAsDirectory macOS - обрабатывать пакеты, такие как папки .app , как каталог вместо файла.
      • showOverwriteConfirmation Linux - Устанавливает, будет ли пользователю отображаться диалоговое окно подтверждения, если пользователь вводит имя файла, который уже существует.
      • dontAddToRecent Windows - не добавлять сохраняемый элемент в список последних документов.
    • securityScopedBookmarks Boolean (необязательно) macOS mas - создание закладки с ограничением безопасности при упаковке для Mac App Store.Если эта опция включена и файл еще не существует, по выбранному пути будет создан пустой файл.

Возвращает Promise - разрешает с помощью объекта, содержащего следующее:

  • cancelled Boolean - независимо от того, был ли диалог отменен.
  • filePath String (необязательно) - если диалоговое окно отменено, это будет undefined .
  • закладка Строка (необязательно) macOS mas - Строка в кодировке Base64, которая содержит данные закладки с областью безопасности для сохраненного файла. securityScopedBookmarks должен быть включен, чтобы это присутствовало. (Для возвращаемых значений см. Таблицу здесь.)

Аргумент browserWindow позволяет диалоговому окну присоединяться к родительскому окну, делая его модальным.

Фильтры задают массив типов файлов, которые могут отображаться, см. dialog.showOpenDialog для примера.

Примечание: В macOS рекомендуется использовать асинхронную версию, чтобы избежать проблем, когда разворачивание и сворачивание диалога.

dialog.showMessageBoxSync ([browserWindow,] options) #
  • browserWindow BrowserWindow (необязательно)
  • options Object
    • message String - Content of the message box.
    • тип Строка (необязательно) - может быть «нет» , «информация» , «ошибка» , «вопрос» или «предупреждение» . В Windows «вопрос» отображает тот же значок, что и «информация» , если только вы устанавливаете значок с помощью параметра «icon» .В macOS и «предупреждение», и , и «ошибка» отображает тот же значок предупреждения.
    • кнопок String [] (необязательно) - массив текстов для кнопок. В Windows пустой массив приведет к появлению одной кнопки с надписью «ОК».
    • defaultId Целое число (необязательно) - индекс кнопки в массиве кнопок, который будет быть выбранным по умолчанию при открытии окна сообщения.
    • title String (необязательно) - заголовок окна сообщения, некоторые платформы не будут его отображать.
    • деталь Строка (необязательно) - Дополнительная информация сообщения.
    • icon (NativeImage | String) (необязательно)
    • textWidth Integer (необязательно) macOS - настраиваемая ширина текста в окне сообщения.
    • cancelId Целое число (необязательно) - индекс кнопки, которая будет использоваться для отмены диалога через клавиша Esc . По умолчанию это назначается первой кнопке с «отменить» или «нет» в качестве метка.Если таких помеченных кнопок нет и этот параметр не установлен, 0 будет использоваться в качестве возвращаемое значение.
    • noLink Boolean (необязательно) - в Windows Electron попытается выяснить, какой из кнопки являются общими кнопками (например, «Отмена» или «Да») и показывают другие как ссылки на команды в диалоговом окне. Это может привести к появлению диалогового окна в стиль современных приложений Windows. Если вам не нравится такое поведение, вы можете установить noLink на true .
    • normalizeAccessKeys Boolean (необязательно) - нормализация клавиш доступа с клавиатуры на разных платформах. По умолчанию , ложь . Включение этого параметра предполагает, что и используются в метки кнопок для размещения клавиши быстрого доступа и ярлыки будут преобразованы, чтобы они работали правильно на каждой платформе, и символы удалены в macOS, преобразованы в _ в Linux и оставлены нетронутым в Windows. Например, метка кнопки Vie & w будет преобразован в Vie_w в Linux и Просмотр в macOS и может быть выбран через Alt-W в Windows и Linux.

Возвращает Целое число - индекс нажатой кнопки.

Показывает окно сообщения, он блокирует процесс, пока окно сообщения не будет закрыто. Возвращает индекс нажатой кнопки.

Аргумент browserWindow позволяет диалоговому окну присоединяться к родительскому окну, делая его модальным. Если browserWindow не отображается, диалог к ​​нему не прикрепляется. В таком случае оно будет отображаться как отдельное окно.

dialog.showMessageBox ([browserWindow,] options) #
  • browserWindow BrowserWindow (необязательно)
  • options Object
    • message String - Содержимое окна сообщения.
    • тип Строка (необязательно) - может быть «нет» , «информация» , «ошибка» , «вопрос» или «предупреждение» . В Windows «вопрос» отображает тот же значок, что и «информация» , если только вы устанавливаете значок с помощью параметра «icon» .В macOS и «предупреждение», и , и «ошибка» отображает тот же значок предупреждения.
    • кнопок String [] (необязательно) - массив текстов для кнопок. В Windows пустой массив приведет к появлению одной кнопки с надписью «ОК».
    • defaultId Целое число (необязательно) - индекс кнопки в массиве кнопок, который будет быть выбранным по умолчанию при открытии окна сообщения.
    • сигнал AbortSignal (необязательно) - передать экземпляр AbortSignal в при необходимости закройте окно сообщения, окно сообщения будет вести себя так, как если бы оно было отменено пользователем.В macOS сигнал не работает с окнами сообщений у которых нет родительского окна, поскольку эти окна сообщений запускаются синхронно из-за ограничений платформы.
    • title String (необязательно) - заголовок окна сообщения, некоторые платформы не будут его отображать.
    • деталь Строка (необязательно) - Дополнительная информация сообщения.
    • checkboxLabel String (необязательно) - если предусмотрено, в окне сообщения будет установите флажок с данной меткой.
    • checkboxChecked Boolean (необязательно) - начальное отмеченное состояние флажок. false по умолчанию.
    • icon NativeImage (необязательно)
    • textWidth Целое число (необязательно) macOS - настраиваемая ширина текста в окне сообщения.
    • cancelId Целое число (необязательно) - индекс кнопки, которая будет использоваться для отмены диалога через клавиша Esc . По умолчанию это назначается первой кнопке с «отменить» или «нет» в качестве метка.Если таких помеченных кнопок нет и этот параметр не установлен, 0 будет использоваться в качестве возвращаемое значение.
    • noLink Boolean (необязательно) - в Windows Electron попытается выяснить, какой из кнопки являются общими кнопками (например, «Отмена» или «Да») и показывают другие как ссылки на команды в диалоговом окне. Это может привести к появлению диалогового окна в стиль современных приложений Windows. Если вам не нравится такое поведение, вы можете установить noLink на true .
    • normalizeAccessKeys Boolean (необязательно) - нормализация клавиш доступа с клавиатуры на разных платформах. По умолчанию , ложь . Включение этого параметра предполагает, что и используются в метки кнопок для размещения клавиши быстрого доступа и ярлыки будут преобразованы, чтобы они работали правильно на каждой платформе, и символы удалены в macOS, преобразованы в _ в Linux и оставлены нетронутым в Windows. Например, метка кнопки Vie & w будет преобразован в Vie_w в Linux и Просмотр в macOS и может быть выбран через Alt-W в Windows и Linux.

Возвращает Promise - разрешается с обещанием, содержащим следующие свойства:

  • response Number - индекс нажатой кнопки.
  • checkboxChecked Boolean - установленное состояние флажка, если Установлен флажок Ярлык . В противном случае ложно .

Показывает окно сообщения.

Аргумент browserWindow позволяет диалоговому окну присоединяться к родительскому окну, делая его модальным.

dialog.showErrorBox (title, content) #
  • title String - Заголовок, отображаемый в поле ошибки.
  • содержимое Строка - текстовое содержимое, отображаемое в поле ошибки.

Отображает модальное диалоговое окно с сообщением об ошибке.

Этот API можно безопасно вызывать до события ready , которое генерирует модуль app , обычно используется для сообщения об ошибках на ранней стадии запуска. Если называется перед событием app ready в Linux сообщение будет отправлено на stderr, и диалоговое окно с графическим интерфейсом пользователя не появится.

dialog.showCertificateTrustDialog ([browserWindow,] options) macOS Windows #
  • browserWindow BrowserWindow (необязательно)
  • параметры доверять объекту
    • сертификат Сертификат импортировать сертификат Сертификат .
    • сообщение Строка - сообщение для отображения пользователю.

Возвращает Promise - разрешается, когда отображается диалоговое окно доверия сертификату.

В macOS отображается модальное диалоговое окно с сообщением и сертификатом. информации и дает пользователю возможность доверять / импортировать сертификат. Если вы предоставите аргумент browserWindow , диалоговое окно будет прикреплен к родительскому окну, что делает его модальным.

В Windows параметры более ограничены из-за используемых API Win32:

  • Аргумент сообщения не используется, поскольку ОС предоставляет собственное подтверждение диалог.
  • Аргумент browserWindow игнорируется, так как невозможно сделать это модальное диалоговое окно подтверждения.

Массив закладок #

showOpenDialog , showOpenDialogSync , showSaveDialog и showSaveDialogSync вернет массив закладок .

macOS mas True
Тип сборки securityScopedBookmarks логический Тип возврата Возвращаемое значение
macOS mas True Успех ['LONGBOOKMARKSTRING']
Ошибка [''] (массив пустой строки)
macOS mas False NA [] (пустой массив)
non mas any NA [] (пустой массив)

Sheets #

В macOS диалоги представлены в виде листов, прикрепленных к окну, если вы предоставите ссылка BrowserWindow в параметре browserWindow или модальные окна, если нет окно предусмотрено.

Вы можете вызвать BrowserWindow.getCurrentWindow (). SetSheetOffset (offset) , чтобы изменить смещение от оконной рамы, куда крепятся листы.

Рекомендации по проектированию окон и диалоговых окон

В этом разделе рассматриваются следующие темы:

Вы можете использовать

Gen

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

Gen

. Не воспринимайте их как жесткие правила. Пользователь приложения является окончательным арбитром в определении надлежащей практики.

При проектировании окон и диалоговых окон учитывайте следующие рекомендации:

  • В случае сомнений сделайте окно или диалоговое окно немодальным.

  • Используйте модальный стиль только при наличии уважительной причины. Например, когда невозможно представить, что приложение продолжает работать, пока взаимодействие не завершится.

  • Размещайте элементы управления с учетом потребностей конкретного пользователя.

  • Разместите логическую единицу работы в окне.

  • Используйте всплывающие диалоговые окна для редко используемых данных или для отслеживания пользователями своего рабочего процесса.

  • Используйте большое окно или диалоговое окно вместо множества всплывающих окон. Такое использование имеет меньшую фрагментацию рабочего процесса и более эффективно для пользователя.

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

Установка модальности окон и диалоговых окон

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

В следующей таблице перечислены типы модальности, которые вы можете использовать в порядке увеличения свободы для пользователя.

Модальный

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

Когда пользователь открывает модальное окно, другие окна в том же приложении могут быть открыты только путем выбора команд непосредственно из этого окна или из окон, открытых в результате этих команд, и так далее.

Немодальное окно единственного экземпляра

Немодальное окно единственного экземпляра позволяет пользователю переключаться в другое окно, не закрывая первое окно.

Немодальный многоэкземплярный

Немодальные окна с несколькими экземплярами позволяют пользователю использовать одно из двух:

  • Показать несколько экземпляров этого окна.

  • Перейти в другое окно, не закрывая первое окно.

На следующем рисунке показаны компоновки части системы, в которой изменились модальности.

На рисунке показано, что может отображаться только одно окно модального меню.

Все окна списка A, B и C являются отображениями одного и того же основного немодального множественного окна. Все они связаны с одной и той же процедурой.

Диалоговое окно 1 определено как модальное. При отображении это диалоговое окно необходимо закрыть, прежде чем пользователь сможет вернуться в любое другое окно.

Окно D является немодальным единичным экземпляром. Это окно позволяет пользователю переключаться на другие окна (A, B, C или меню), но когда-либо отображается только одно отображение окна D. Этот процесс отображения позволяет избежать путаницы, которая может возникнуть при использовании нескольких немодальных экземпляров (окна A, B, C). Здесь одни и те же данные могут отображаться во многих окнах. Таким образом, если пользователь редактирует данные в одном из множества отображаемых окон, может возникнуть путаница в отношении того, какое окно содержит обновленные данные.

Рекомендации по настройке модальности

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

Задача требует просмотра или сравнения многих типов данных перед завершением задачи.

Немодальное окно

Задача требует просмотра или сравнения множества экземпляров одного и того же типа данных перед завершением задачи.

Немодальное многоэкземплярное окно

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

 Модальное окно или Немодальное одноэкземплярное окно
Действия пользователя необходимо подтверждать, поскольку существует вероятность того, что действие будет выполнено не с тем объектом. Это можно установить в качестве стандарта разработки, например, использовать диалоговое окно подтверждения для всех удалений.

Модальное диалоговое окно

Сообщения предоставляются пользователю по состояниям выхода.

Модальное диалоговое окно

Установить начальную позицию окна или диалога

Начальная позиция определяет начальное размещение любого окна или диалога на рабочем столе.В следующем списке описаны варианты размещения окон и диалоговых окон.

  • Выравнивание мыши - центр созданного окна или диалогового окна попадает туда, где находится указатель мыши. Возможно, вы не захотите использовать это размещение, потому что оно, вероятно, потребует от пользователя перемещения окна или диалогового окна, чтобы использовать его.

  • Проектное положение - окно или диалоговое окно размещается там, где вы указываете во время проектирования.

  • Немодальное многоэкземплярное окно - Немодальное многоэкземплярное окно позволяет пользователю отображать несколько экземпляров этого окна или переключаться на другое окно, не закрывая первое окно.

  • System-Placed - Операционная система определяет, где разместить окно или диалоговое окно. В зависимости от разрешения монитора пользователя вы можете захотеть использовать положение, установленное системой, чтобы монитор использовал наиболее подходящий алгоритм.

В следующем списке приведены рекомендации по размещению окон и диалоговых окон:

  • Расположите окна и диалоговые окна так, как вы ожидаете, что пользователь разместит их.

  • Размер и положение окна позволяют использовать его сразу после открытия.

  • Учитывайте отношение окна или диалогового окна к другим окнам или диалоговым окнам, открытым одновременно.

Вы можете размещать растровые изображения на кнопках, фоне окон и диалоговых окон. Вы также можете использовать растровые изображения как литералы или значки. Значок - это небольшое изображение, используемое для представления свернутого окна на рабочем столе.

Растровые изображения можно импортировать из любого источника, создающего файлы .bmp.

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

Состояние кнопки может быть нормальным, отключенным, активированным или выбранным.

Gen

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

Разработка растровых изображений может занять много времени. По возможности приобретите растровые изображения или попросите художника-графика разработать их.

Растровые изображения можно динамически изменять во время выполнения с помощью операторов построения диаграмм.

Литерал - это текст или растровое изображение, которые нельзя изменить в окнах и диалоговых окнах.

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

Для литералов вы можете указать цвет и шрифт:

  • Цветовые поля могут отображаться в любой из определенной палитры цветов или в смешанном цвете, при условии, что цвет поддерживается целевой рабочей станцией и ее дисплеем

  • Шрифт - Вы можете выбрать стиль и дизайн символов.

Графический интерфейс пользователя позволяет приложению гибко, а иногда и подсознательно, взаимодействовать с пользователем.

Визуальные подсказки могут быть следующими:

  • Визуальные подсказки дизайна

  • Автоматически создаются средой графического интерфейса пользователя

  • Под управлением приложения

В следующем списке объясняются рекомендации для разработанных визуальных подсказок :

  • Текущее состояние приложения (например: имя текущего клиента или количество единиц продукта на складе, факт того, что пользователь в настоящее время создает заказ) постоянно обновляется в нижней части окна.

  • Различайте разные окна и части одного окна, применяя различия в цвете и шрифте или добавляя изображение.

  • Отключить кнопки и пункты меню. Они будут затенены, чтобы показать, что в данный момент они недоступны.

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

Среда графического интерфейса Визуальные подсказки

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

Многие визуальные подсказки находятся под контролем приложения, например, отключение (или выделение серым цветом) полей, пунктов меню и кнопок, когда их использование нецелесообразно. Например, кнопка ОК должна быть отключена до тех пор, пока не будут заполнены все обязательные поля в окне.

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

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

Кнопки свертывания и разворачивания

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

Кнопка развертывания позволяет пользователю отображать окно либо в максимально возможном размере, либо в размере, в котором оно было впервые открыто или изменено последним.

Используйте кнопки развертывания и свертывания только в основных (верхний уровень) или немодальных окнах.

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

Полоса прокрутки состоит из области прокрутки, ползунка и полей со стрелками на каждом конце.На следующем рисунке показаны горизонтальная и вертикальная полосы прокрутки.

Приложение, созданное

Gen

, автоматически обрабатывает вертикальную и горизонтальную прокрутку списков. Горизонтальная прокрутка подсказок в начале списка синхронизируется с прокруткой данных, чтобы поддерживать визуальную ассоциацию имен полей и значений полей.

Шрифты и цвета в Windows и диалоговых окнах

Существует ряд исследований по наилучшему использованию цветов, использованию цветов в комбинациях (включая нежелательные комбинации), а также по наиболее эффективным цветам и шрифтам.

В следующем списке приведены рекомендации по использованию шрифтов и цветов:

  • Сохраняйте концепцию «МЕНЬШЕ ЛУЧШЕ» в качестве своей основной цели.

  • Учитывайте предпочтения сообщества пользователей.

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

  • Установите стандарты шрифтов и цветов для обеспечения единообразия внутри и между приложениями.

  • Избегайте выделения слишком большого количества элементов в окне.

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

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

В следующем списке приведены инструкции по установке курсора:

  • Убедитесь, что существует четко определенная по умолчанию последовательность перехода между полями.

  • Обычно курсор должен перемещаться по полям слева направо и сверху вниз.

  • При первом отображении окна курсор должен быть помещен в первое незащищенное поле в последовательности.

Строка заголовка содержит имя окна или диалогового окна.

В следующем списке приведены инструкции для строк заголовка:

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

  • Заголовки в строке заголовка обычно представляют собой объекты (существительные) с префиксом действий (глаголов), например, Принять политику, Создать почту, Подтвердить заказ.

Во всех окнах должна быть строка меню. Строки меню не используются в диалоговых окнах.

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

Gen

:

  • Инициирует поток из-за набора команд, который является автоматическим потоком.

  • Открывает дополнительное диалоговое окно к этой процедуре.

  • Выполняет процедуру сверху.

  • Выполняет событие.

  • Выполняет специальное действие.

В следующем списке приведены инструкции для строк меню:

  • Разместите функциональные возможности по широким категориям в строке меню.

  • Ограничьте количество элементов в строке меню. Эмпирическое правило - максимум 10 пунктов.

  • Вы можете выбрать дизайн в окне и пункты меню справки.

  • Используйте названия меню, которые могут заинтересовать пользователя, например «Политика», «Платеж» и «Клиент».

  • Выпадающий список элементов каскадного меню под каждым меню должен содержать действия, которые могут быть выполнены с этим объектом, например, «Создать», «Изменить» и «Показать».На следующем рисунке показано представление раскрывающихся меню.
  • Начинайте каждое слово с заглавной буквы, кроме

    шумовых слов

     (таких как a, the и of). Все остальные буквы должны быть строчными.

  • Назначьте мнемонику каждому меню и каждому пункту меню, чтобы пользователь мог использовать клавиатуру вместо мыши.

  • Если выбор параметра приводит к открытию диалогового окна, добавьте многоточие (...) к параметру меню.Например, «Переименовать как ...» открывает диалоговое окно, в котором пользователь может ввести новое имя.

  • Назначьте ускоритель (также известный как горячая клавиша

    ) для часто используемого пункта меню.

  • Ускоритель должен быть указан справа от пункта меню в раскрывающемся списке.

  • Акселератор - это клавиша или комбинация клавиш, которые выполняют некоторые функции, определенные приложением. Акселератор позволяет выбрать пункт меню минимальным количеством нажатий клавиш, независимо от того, на каком уровне находится пункт меню.

  • Доступные варианты клавиш: от F1 до F12, от 0 до 9 и от A до Z. Вы можете комбинировать эти параметры с помощью Ctrl, Alt или Shift, чтобы получить больше возможностей.

  • Поместите наиболее часто используемые элементы первыми в раскрывающемся меню.

  • Поместите параметры подменю следующим образом:

    • Расположите в порядке частоты, когда наиболее часто используются популярные элементы

    • Расположите в порядке важности, чтобы сначала показывать критические элементы

    • Разместите в алфавитном порядке, если пользователь знает точную формулировку каждого элемента

    • Поместите логически, если в заказе будет отображаться рабочий процесс или другие критерии не будут соблюдены.

  • Всегда недоступные пункты меню выделяются серым цветом.

  • Используйте разделительные линии для визуального разделения вариантов в раскрывающемся меню.

  • Разделительная линия - это горизонтальная линия, которая фокусирует внимание пользователя на том факте, что действие внутри строк не обязательно согласуется с остальными пунктами меню.

  • Вы должны использовать разделительные линии для тех действий пункта меню, которые могут вызвать значительные изменения в базе данных или окне, например:

    • Выбрать все

    • Отменить все

    • Удалить

    На следующем рисунке показано использование разделителей для пунктов меню «Удалить» и «Выход».

Когда использовать раскрывающееся меню вместо строки меню:

  • Не рекомендуется вызывать действие из самой строки меню. Пользователи находят их неудобными и их трудно заметить, потому что они скорее исключение.

  • Если действие будет единственным элементом в раскрывающемся меню, попробуйте поместить его в другое раскрывающееся меню, используя разделительные полосы, чтобы логически отличить его от других элементов.

  • Если необходимо разместить действие в строке меню, выделите его среди других элементов строки меню, поставив знак «!» после проверки, чтобы указать, что для этого элемента нет параметров, и действие будет вызываться при выборе.

Мнемоника - это назначенный символ в пункте меню, кнопке или подсказке поля выбора. Пользователь может ввести мнемонику в верхнем или нижнем регистре, чтобы выбрать ее вместо использования мыши.

Мнемоника обозначается подчеркиванием. Это визуальный сигнал для пользователя о том, что мнемоника может быть выбрана.

В следующем списке приведены инструкции по мнемонике:

  • По возможности используйте первую выбранную букву; в противном случае назначьте первую доступную релевантную, значимую и уникальную букву в тексте.

  • Используйте одну и ту же мнемонику для выбора во всем приложении.

  • Сделайте каждую мнемонику уникальной.

  • В сгенерированном приложении мнемонический выбор недействителен, если курсор находится в поле ввода или списке. Мнемоника будет работать с клавишей ALT независимо от настройки акселератора.

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

Строка состояния может использоваться для предоставления следующей информации:

  • Отображение статических данных, таких как отчетный период во время разноски записи журнала или переменных данных, связанных с текущей транзакцией.

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

Строка состояния может содержать однострочные поля ввода, которые не могут быть изменены пользователем.

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

Поля размещаются в строке состояния точно так же, как любые другие поля размещаются в окнах или диалоговых окнах. Они выровнены по левому краю на планке. Чтобы добиться равноудаленного интервала, вы можете вставить пустые поля рабочих атрибутов.

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

В

Gen

панели инструментов определены только для окон, а не для диалоговых окон.

Использование панели инструментов не является обязательным. Решение о том, следует ли использовать панель инструментов в окне, должно основываться на том, сколько места доступно и как панель инструментов влияет на общий вид дизайна окна.

В следующем списке приведены рекомендации для панелей инструментов:

  • Используйте панель инструментов для всех часто используемых операций, чтобы уменьшить количество движений мыши и щелчков мыши, которые должен выполнить пользователь.

  • Использовать микро-справку для всех растровых изображений на панели инструментов.

  • Всегда размещайте панель инструментов в верхней части окна.

  • Используйте панель инструментов вместе со строкой меню.

  • Действия, представленные на панели инструментов, также должны отображаться как пункты меню в строке меню.

  • Размер панели инструментов зависит от ее содержимого.

Поле ввода - это элемент управления, в который пользователь вводит информацию об окнах и диалоговых окнах.

Скрытое поле определяет представление импорта данных в представление данных экспорта без размещения данных в окне.

В следующем списке приведены инструкции для полей:

  • Используйте поля полей вокруг всех полей ввода.

  • Поместите наиболее важные поля на первое место (вверху слева) и наименее часто используемые последними (внизу справа).

  • Поместите логически связанные поля в рамку группы (рамка поля рисуется вокруг коллекции полей) и пометьте рамку группы.Для получения дополнительной информации см. Групповые поля. Например, если адрес покупателя находится в четырех отдельных полях, эти поля можно объединить в групповое поле с надписью «Адрес покупателя».

  • Следуйте инструкциям для подсказок в полях.

  • Поля только для отображения:

    • Измените цвет на тот же, что и у фона окна, и не используйте рамку поля вокруг поля. Это помогает избежать путаницы между текстом подсказки и текстом поля.

    • Используйте вертикальное разделение полей из 10-пиксельных элементов.Максимальное разделение должно составлять не более 15-ти пиксельных элементов.

    • Текстовые поля с выравниванием по левому краю (значения начинаются с той же позиции слева).

    • Использовать десятичное выравнивание для десятичных полей.

  • Определите обязательные поля ввода, используя следующие методы:

    • Отключение или включение параметров

    • Это может сбить с толку пользователя, если их слишком много, и они не могут легко определить, как включить объект.

    • Используйте полужирный текст в подсказках.

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

  • Окажите помощь в приложении.

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

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

Поле группы - это поле поля, которое нарисовано вокруг набора логически связанных полей.

В следующем списке объясняется, когда использовать групповую рамку:

  • Используйте групповую рамку вокруг аналогичной информации, чтобы сфокусировать взгляд пользователя. Например, если адрес клиента указан в четырех отдельных полях, и нет необходимости иметь подсказку для каждой части информации.Вы можете собрать эти поля в групповое поле с надписью «Адрес клиента».

  • Имя группы не требуется, но это почти всегда имеет смысл.

  • В сложных окнах может потребоваться комбинация именованных и безымянных групповых полей, если есть место.

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

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

  • Это фокусирует внимание пользователя на параметрах этого единственного атрибута.

  • Групповой блок необходим, если у вас есть более одного набора переключателей или флажков в одном окне или диалоговом окне.

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

Подсказка к полю - это текстовая метка, которая идентифицирует поле выбора или ввода.

В следующем списке приведены инструкции для подсказок для полей:

  • Поместите подсказку рядом с метками полей.

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

  • Gen

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

  • Сделайте первую букву приглашения заглавной; сделайте все остальные буквы (кроме существительных) строчными.

  • Gen

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

  • Выровнять все подсказки по правому краю.

  • Делайте подсказки для полей короткими.

  • Назначьте мнемонику каждому полю выбора, чтобы пользователь мог использовать клавиатуру вместо мыши.

Флажок - это элемент управления, который действует как переключатель (вкл / выкл, да / нет, истина / ложь и т. Д.) Для выбора вариантов. Он состоит из поля, в котором отображается X, когда пользователь выбирает его. (В некоторых средах Windows этот флажок отмечен знаком _ вместо X).

Каждый флажок не зависит от всех остальных флажков.

Использование флажков позволяет сэкономить место в окнах и диалоговых окнах.

Для примера да / нет у вас будет один флажок с надписью

с итогами

. Если поле отмечено (выбрано пользователем), значение - да. Если поле пусто, значение - нет. На следующем рисунке показан флажок, отмеченный как истина. Другой пример - флажок для активного или неактивного клиента. Флажок обозначен

Активно

.Если поле отмечено (выбрано пользователем), клиент активен. Если поле пустое, клиент неактивен, как в случае с на следующем рисунке.

Флажок связан с атрибутом. Значение true (да) и false (нет) для поля может быть любым допустимым значением для домена и размера атрибута, выбранным из его разрешенных значений.

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

В следующем списке приведены инструкции по установке флажков:

  • Всегда используйте один флажок для независимой информации «истина / ложь», «вкл. / Выкл.», «Да / нет». Вы узнаете эту информацию по таким атрибутам, как флаг и индикатор.

  • Сгруппируйте флажки, если вы хотите включить или выключить несколько параметров. Ограничьте количество флажков до 10–12 для каждого связанного элемента.

  • Выровняйте флажки по вертикали.

  • Назначьте мнемонику каждой подсказке поля, чтобы позволить пользователю использовать клавиатуру вместо мыши (см. Раздел «Назначение мнемоник» в этом разделе).

  • Следуйте инструкциям для подсказок в полях.

Список - это элемент управления, который позволяет отображать серию значений атрибутов в виде списка. Пользователь может выбрать из списка и, при желании, ввести новые значения в список.

Списки используются в окнах и диалоговых окнах.

Приложение, созданное

Gen

, автоматически обрабатывает вертикальную и горизонтальную прокрутку списков.

Для списков можно указать следующее:

  • Представления импорта и экспорта, которые должны быть представлениями групп.

  • Может ли пользователь выбрать более одной записи за раз.

  • Атрибуты и подсказки полей.

  • Атрибут, который может использоваться в качестве индикатора выбора, который помечен, чтобы логика процедуры могла обнаружить запись в списке, выделенном пользователем.

Список без возможности ввода (по умолчанию)

Несколько

 Пользователь должен просмотреть список.В списке несколько столбцов. Желателен множественный выбор.

Раскрывающийся список без ввода

Только один

 Место ограничено. Список просматривается редко (принимается отображаемое значение по умолчанию). Выбран единственный вариант. В то время как раскрывающиеся списки могут сэкономить место, слишком большое их количество в одном окне может затруднить навигацию для пользователя.

Примечание:

 Если имеется менее 6 возможных значений, рассмотрите возможность использования переключателей вместо списка (см. Раздел «Создание переключателей»).

Вводимый список

Разрешен только один

 Ввод данных и выбор списка. Отображать как раскрывающийся список или уже раскрывающийся, если есть свободное место.

Вводимый раскрывающийся список

Только один

Разрешен только ввод данных.

На следующих рисунках показаны типы списков.

В следующем списке приведены рекомендации для списков:

  • Сделайте список настолько широким, насколько это необходимо, чтобы ограничить горизонтальную прокрутку

  • Определите количество строк по умолчанию для отображения на основе приоритета списка по отношению к другим элементам управления окна. его конкретное использование, доступное пространство и пользователь.

  • В среднем положении можно увидеть от пяти до семи элементов, при этом пользователь не двигает глазами.

  • Если список является основным элементом управления в диалоговом окне, сначала может отображаться до 20 строк, в зависимости от доступного пространства.

  • Обеспечьте возможность поиска или фильтрации, если пользователю необходимо прокрутить длинный список (более четырех или пяти страниц вниз).

  • Если список содержит много полей, упростите сканирование, помещая пустую строку после каждой 5-й или 6-й строки.

  • Следуйте инструкциям для подсказок в полях.

Радиокнопка - это элемент управления в окне или диалоговом окне, который предлагает пользователю один вариант из группы вариантов. Он состоит из круга, который помечается закрашенным внутренним кругом, когда пользователь выбирает его.

Радиокнопки соответствуют разрешенным значениям одного представления атрибутов. Одновременно может быть активна только одна кнопка.

В следующем списке приведены инструкции для переключателей:

  • Используйте переключатели, если в обязательном поле есть короткий список (до шести) возможных значений.

  • Чтобы избежать визуальной путаницы, ограничьте общее количество переключателей шестью или менее.

  • У вас должно быть как минимум два переключателя.

  • Выровняйте одну-две радиокнопки по горизонтали; выравнивать длинные списки по вертикали.

  • Следуйте инструкциям для подсказок в полях.

  • Используйте групповое поле вокруг связанных переключателей.

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

Кнопка - это элемент управления, который выполняет действие сразу после его выбора. Это прямоугольник с закругленными углами, внутри которого находится текст или растровое изображение.

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

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

Gen

:

  • Инициирует поток из-за набора команд, который является автоматическим потоком.

  • Открывает дополнительный диалог к ​​этой процедуре.

  • Выполняет процедуру сверху.

  • Выполняет событие.

  • Выполняет специальное действие.

Примеры кнопок для диалоговых окон перечислены ниже:

  • Применить - заставляет приложение принимать пользовательские изменения в диалоговых окнах, которые устанавливают свойства.

  • Отмена - закрывает диалоговое окно без выполнения незафиксированных пользовательских изменений.

  • Выход - закрывает диалоговое окно после того, как пользователь подтвердил изменения.

  • Справка - отображение интерактивной справки.

  • ОК - заставляет приложение принять любую измененную информацию.

  • Сброс - отменяет любые незафиксированные пользовательские изменения и сбрасывает все измененные поля до их начальных значений.

В следующем списке обсуждается использование кнопок:

  • Выход из диалогового окна (OK, Выбор, Отмена, Выход)

  • Вызов других функций или возможностей (Параметры, Подробности, Справка)

  • Домен специфический (не применяется ко всему диалоговому окну, например, приглашение для поля; может вызывать список значений для этого поля)

Первые два использования кнопок - это ярлыки для действий меню.

Третье использование кнопки (зависящее от домена) не может быть предусмотрено как пункт меню. Кнопка этого типа может быть размещена рядом с элементом управления, к которому она применяется.

В следующем списке приведены рекомендации для кнопок:

  • При необходимости используйте кнопку отмены:

    • Предоставьте кнопку «Отмена» (или эквивалентную), если кнопка «ОК» (или аналогичная) вызывает выполнение обработки.

    • Не используйте кнопку «Отмена», если кнопка «ОК» используется для обозначения того, что считыватель завершил чтение чисто информативного сообщения.

  • Избегайте текстовых ответов «да / нет» и «правда / ложь», так как это замедлит пользователя, заставив его прочитать вопрос.

Используя описание выполняемого действия одним словом, пользователь может принять немедленное решение.

  • Если кнопка вызывает вторичный диалог, добавьте многоточие (...) к тексту на кнопке, чтобы указать, что появится другое диалоговое окно.

  • Расположите кнопки так, чтобы расстояние между ними составляло 10 пикселей, а кнопку OK в нижнем левом углу диалогового окна.

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

  • Рекомендуемое размещение кнопок:

    • Если кнопки выровнены по горизонтали в нижней части, расположите положительные действия слева, а отрицательные - справа.

    • Если кнопки выровнены вертикально вниз вправо, разместите положительные действия над отрицательными.

    • Если функциональные кнопки и кнопки выхода выровнены по горизонтали или вертикали, разделите два использования пробелом (пробел, равный размеру кнопки).

  • Определите действие по умолчанию, выделив границу его кнопки жирным шрифтом.

  • Кнопка по умолчанию должна быть той, которую, как можно ожидать, пользователь будет выбирать чаще всего, когда она не будет задерживать пользователя или влиять на состояние данных, если выбрана случайно. Чаще всего это было бы позитивное действие (почему пользователь вообще пришел сюда). Исключениями являются такие действия, как удаление, очистка, архивирование и иногда печать, если это может вызвать узкое место.В этих случаях по умолчанию должно быть неутвержденное действие, поскольку это форма подтверждения, заставляющая пользователя сознательно выбирать кнопку не по умолчанию (в отличие от выбора клавиши ввода, не задумываясь о результате и случайно вызывающей неправильную кнопку). действие).

  • Кнопки автоматически обеспечивают визуальную обратную связь при выборе. При желании их можно выделить, применив растровое изображение.

  • Если кнопка покрыта растровым изображением, связанный с ней текст обычно не виден.

    Gen

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

  • Назначьте мнемонику каждой кнопке, чтобы пользователь мог использовать клавиатуру вместо мыши.

Радиокнопки, флажки и списки

Решение о том, использовать ли радиокнопку, флажок или раскрывающийся список, зависит от количества элементов, например, перечисленных ниже:

  • Сколько места в окне доступно

  • Будет ли пользователь в основном использовать клавиатуру или какое-либо устройство «наведи и щелкни» для ввода данных

  • Как часто осуществляется доступ к элементу

13 или более динамических вариантов выбора

X

Да / Нет, Истина / Ложь, Вкл / Выкл

X

Множество вариантов, ограниченное пространство на окне

X

Специальные действия для пунктов меню и кнопок

Специальные действия могут применяться как к пунктам меню, так и к кнопкам.

Имена специальных действий не отражают имя конкретного пункта меню или кнопки, для которой они назначены.

В следующем списке показаны категории специальных действий:

  • Управление выполнением

  • Справочная система

  • Оконное управление

  • Редактировать

  • Управление областью OLE

Действия управления выполнением

Специальные варианты действий:

  • OK - Используйте это действие, чтобы выполнить пользовательский параметр в окне или диалоговом окне, а затем закрыть окно или диалоговое окно.Обычно это специальное действие используется для кнопки, но его также можно назначить элементу меню.
  • Отмена - Используйте это действие, чтобы просто отменить пользовательский параметр в окне или диалоговом окне и закрыть окно. Обычно это специальное действие используется для кнопки, но его также можно назначить элементу меню.

Пример использования этого специального действия - диалоговое окно с вопросом: «Вы уверены, что хотите удалить этот объект?» (Вы захотите дать пользователю возможность отменить отложенное удаление.)

Обычно вы помещаете

справку

 в строку меню. Это дает вам возможность отформатировать пункт меню справки в соответствии с вашими стандартами графического интерфейса.

В рамках справочной системы выполняются следующие специальные действия:

  • Справка

  • Справка для справки

  • Расширенная справка

  • Справка по клавишам

  • Указатель справки

Специальные действия для Управление окнами

Ниже описаны параметры для управления окнами:

  • Плитка - выберите пункт меню, который будет мозаично размещать открытые окна в приложении

    Gen

    .
  • Каскад - выберите пункт меню, который будет каскадировать открытые окна в приложении

    Gen

    .

Ниже описаны специальные действия для редактирования пользователем.

  • разрез

     Копирует объект в выбранной области OLE или выбранных данных в буфер обмена и удаляет его. Этот параметр отключен, если в области OLE нет объекта или не выбраны данные.

  • Копия

     Скопируйте объект из области OLE или выбранные данные в буфер обмена.Этот параметр отключен, если в области OLE нет объекта или не выбраны данные.

  • Паста

     Скопируйте объект из буфера обмена в выбранную область OLE или скопируйте данные из буфера обмена в выбранную область. Этот параметр отключен, если выбранная область OLE уже содержит объект, если в буфере обмена нет объекта или данных или если выбранный объект в буфере обмена несовместим с областью OLE.

  • Прозрачный

     Удалите объект или данные из выбранной области.Этот параметр отключен, если в выбранной области нет данных или объекта.

  • Отменить

     Обратные текущие действия.

Каждое специальное действие, которое должно быть доступно пользователю во время выполнения, должно быть связано с пунктом меню или кнопкой. Поскольку пункты меню могут быть объединены с пунктами меню объекта OLE (см. Раздел «Установка слияния для пунктов меню OLE»), вы почти всегда будете использовать их в качестве пунктов меню.

Опции специальных действий для области OLE описаны в следующем списке.

  • Сохранить

     Сохраняет объект OLE под тем же именем, с которым он был вставлен. Этот параметр необходим только в том случае, если вы разрешили пользователю обновлять объект OLE.

  • Сохранить как

     Сохраняет объект OLE под другим именем, как он был вставлен. Этот параметр необходим только в том случае, если вы разрешили пользователю обновлять объект OLE.

  • Нагрузка

     Загружает объект OLE из файла.

  • Вставка

     Вставляет объект OLE при выполнении приложения.Вы должны быть уверены, что это специальное действие назначено пункту меню, если вы не вставляете объект во время разработки.

  • Специальная паста

     Выбирает один из нескольких форматов, совместимых с областью OLE, которую нужно вставить.

  • Объект

     Позволяет пользователю видеть команды, предоставленные объектом OLE. У пользователя будут только элементы подменю, связанные с элементом меню, с которым связано это специальное действие, когда в поле OLE есть объект.

  • Возврат

     Возврат из объединенного окна только в окно приложения

    Gen

    . Вам нужно будет назначить это специальное действие для пункта меню. Чтобы позволить пользователю вернуться, этот пункт меню должен быть объединен с строкой меню, когда объект OLE внедрен.

Встраивать области OLE в Windows и диалоговые окна

Эта информация относится только к Microsoft Win32.

Вы можете встроить область OLE (связывание и внедрение объектов) в окно или диалоговое окно

Gen

, чтобы разрешить обмен данными из приложения

Gen

с другим настольным приложением.Настольное приложение встроено в приложение

Gen

. Приложение

Gen

действует как контроллер автоматизации OLE. Представление данных настольного приложения появляется в окне или диалоговом окне

Gen

.

В следующем списке приведены рекомендации для областей OLE:

  • Одно окно может содержать несколько областей OLE.

  • Количество площадей ограничено площадью. Больше четырех станет трудно читать без довольно большого монитора.

  • Одновременно может быть активна только одна область OLE.

  • При разработке области OLE следует учитывать размер области, необходимой для настольного приложения. Например, если область OLE предназначена для работы текстового процессора, вам нужно разместить область с максимальной шириной и максимальной длиной для чтения материала.

  • Какие элементы строки меню главного окна вы хотите объединить с приложением OLE.Дополнительные сведения см. В разделе «Настройка слияния для элементов меню OLE».

  • Панель инструментов будет заменена панелью инструментов объектов OLE.

  • Когда вы помещаете объект OLE на место, для этой области нет полос прокрутки, если только объект не несет с собой полосы прокрутки.

  • Вы можете вставить объект OLE для пользователя во время разработки или разрешить пользователю вставлять объект во время выполнения приложения (см. Специальные действия для пунктов меню и кнопок).Вы можете сделать объект OLE доступным только для чтения или обновить.

  • Если вы вставляете объект OLE во время разработки, сделайте его доступным только для чтения. Причина этого в том, что каждый раз, когда приложение запускается, объект запускается в спроектированном состоянии. Разрешение пользователю обновлять объект создаст ложное впечатление, что работа над этим объектом выполняется.

  • Если вы разрешаете пользователю вставлять объект (что оставит область OLE незаполненной во время разработки), и пользователю нужна возможность обновить объект, разрешите обновление объекта.

Эта информация относится только к Microsoft Win32.

Вы можете поместить пункт меню в одну из трех групп пунктов меню. Группы меню названы в соответствии с некоторыми соглашениями об именах OLE, но основное различие между тремя группами заключается в том, где элементы меню будут размещены в объединенной строке меню.

У вас также есть возможность не объединять пункты меню.

Не объединять

Не объединять.

Слияние как член группы файлов

Слева от объединенной строки меню располагаются характеристики манипулирования файлами.

Объединить как член группы контейнеров

Есть элементы, которые нужно разместить по направлению к центру объединенной строки меню.

Слияние как член группы окон

Есть манипуляции с окном, которые нужно разместить справа от объединенной строки меню.

Когда вы назначаете слияние элементу меню верхнего уровня, оно включает в себя все элементы подменю.

На следующем рисунке показано окно

Gen

во время разработки. В окне есть неактивная область OLE со встроенной электронной таблицей Excel. На следующем рисунке показано окно

Gen

во время разработки. В окне есть OLE-область с включенной встроенной электронной таблицей Excel.

На рисунке показано, как элементы меню объединяются, когда встроенная электронная таблица активна.

  • Панель инструментов окна была заменена панелью инструментов встроенной электронной таблицы.

  • Пункты меню на иллюстрации предназначены для объединения следующим образом:

    • File-Merge как член группы файлов

    • Edit-Merge как член группы контейнеров

    • Reservation-Do not merge

  • После объединения пунктов меню два файла и два пункта меню редактирования.Пункты меню файла и редактирования из окна

    Gen

    были объединены, как и было задумано. Пункт меню бронирования не был объединен, как было задумано.
Если дважды щелкнуть встроенное настольное приложение, будет выполнена команда по умолчанию для этого приложения. Например, для Microsoft Word по умолчанию используется команда «Изменить». Если в окне

Gen

дважды щелкнуть область OLE, содержащую внедренный документ Word, документ будет представлен в режиме редактирования. Панель инструментов окна

Gen

заменена панелью инструментов Microsoft Word, а элементы меню объединяются, как вы указали в дизайне.

Встраивать настраиваемые элементы управления OLE

Эта информация относится только к Microsoft Win32.

Вы можете встроить пользовательский элемент управления OLE (OCX) в окно или диалоговое окно, которым управляет приложение

Gen

. Примерами OCX являются кнопки вращения, датчики

газа

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

Ниже приводится подробный список элементов управления OCX в окнах или диалоговых окнах:

  • Объект OLE изменяет размер самостоятельно.

  • Каждый OCX предоставляет свои собственные наборы событий.

  • В дополнение к свойствам

    Gen

    каждый OCX содержит свойства.

  • Количество объектов не ограничено.

  • Информация о свойствах OCX должна доставляться вместе с самим OCX.

Мы не можем найти эту страницу

(* {{l10n_strings.REQUIRED_FIELD}})

{{l10n_strings.CREATE_NEW_COLLECTION}} *

{{l10n_strings.ADD_COLLECTION_DESCRIPTION}}

{{l10n_strings.COLLECTION_DESCRIPTION}} {{addToCollection.description.length}} / 500 {{l10n_strings.TAGS}} {{$ item}} {{l10n_strings.ПРОДУКТЫ}} {{l10n_strings.DRAG_TEXT}}

{{l10n_strings.DRAG_TEXT_HELP}}

{{l10n_strings.LANGUAGE}} {{$ select.selected.display}}

{{article.content_lang.display}}

{{l10n_strings.AUTHOR}}

{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

{{$ select.selected.display}} {{l10n_strings.CREATE_AND_ADD_TO_COLLECTION_MODAL_BUTTON}} {{l10n_strings.CREATE_A_COLLECTION_ERROR}}

Как получить и использовать диалоговое окно «Выполнить» в Windows

Может быть время, когда вам нужно запустить программу в Windows , у которой нет ярлыка для нее.Обычно это программа, которую не часто используют. Итак, вот как запустить приложение с помощью диалогового окна «Выполнить» .

Диалоговое окно «Выполнить» предназначено для запуска программ, которые вы не всегда используете так часто и не имеют ярлыка. Это может быть системное приложение или загруженная программа установки.

Есть два ( 2 ) способа использовать диалоговое окно «Выполнить». Если вы знаете имя приложения, которое хотите запустить, вы обычно можете ввести его в диалоговом окне «Выполнить» и нажать ОК .

Например, если на вашем компьютере установлено Microsoft Word , вы можете ввести Winword ( фактическое имя Microsoft Word ) в диалоговом окне Выполнить и нажать ОК . После этого запустится Microsoft Word . Это потому, что программный каталог находится в Path ( это переменная среды ). Системный каталог Windows по умолчанию находится в пути Path .

Если ваша программа не находится в Path , вам нужно будет нажать Browse и вручную найти программу, которую вы хотите запустить.Когда у вас есть имя программы, которую вы хотите запустить, в диалоговом окне Выполнить нажмите ОК .

Теперь вызвать диалоговое окно « Выполнить». относительно просто. Путь к нему разный в каждой версии Windows , но есть одно сочетание клавиш, которое работает для всех версий.

Клавиша с логотипом Windows + R

Вот все способы доступа к диалоговому окну Выполнить в различных версиях Windows .

Как вызвать диалоговое окно «Выполнить» в Windows 7


Диалоговое окно «Выполнить» в Windows 7

  1. Щелкните левой кнопкой мыши в меню «Пуск» .
  2. Перейдите к Все программы > Аксессуары .
  3. Щелкните левой кнопкой мыши на Run .

или

  1. Щелкните левой кнопкой мыши в меню «Пуск» .
  2. Введите Запустите в поле поиска прямо над панелью задач .
  3. Щелкните левой кнопкой мыши на Выполнить в результатах поиска.

или

  1. Нажмите клавишу с логотипом Windows + R .

Как вызвать диалоговое окно «Выполнить» в Windows 8.1


Диалоговое окно «Выполнить» в Windows 8.1

  1. Щелкните левой кнопкой мыши на кнопке запуска .
  2. Когда появится начальный экран , введите Выполнить .Он автоматически откроет диалоговое окно поиска с Выполнить в поле поиска, и результаты появятся под ним.
  3. Щелкните левой кнопкой мыши на Run .

или

  1. Щелкните правой кнопкой мыши на кнопке запуска , чтобы открыть меню Опытный пользователь .
  2. Щелкните левой кнопкой мыши на Run .

или

  1. Нажмите клавишу с логотипом Windows + X , чтобы открыть меню Power User
  2. Нажмите клавишу R .

или

  1. Нажмите клавишу с логотипом Windows + R .

Как открыть диалоговое окно «Выполнить» в Windows 10


Диалоговое окно «Выполнить» в Windows 10

  1. Введите Выполнить в поле поиска ( Cortana ) справа от кнопки «Пуск» .
  2. Щелкните левой кнопкой мыши на Выполнить в результатах поиска.

или

  1. Щелкните левой кнопкой мыши в меню «Пуск» .
  2. Прокрутите список программ до папки Windows System .
  3. Щелкните левой кнопкой мыши в папке Windows System , чтобы развернуть ее.
  4. Щелкните левой кнопкой мыши на Run .

или

  1. Щелкните правой кнопкой мыши в меню «Пуск » , чтобы открыть меню Опытный пользователь .
  2. Щелкните левой кнопкой мыши на Run .

или

  1. Нажмите клавишу с логотипом Windows + X , чтобы открыть меню Power User
  2. Нажмите клавишу R .

или

  1. Нажмите клавишу с логотипом Windows + R .

5dd924a8-d518-4a17-824c-e46521427850 | 0 | .0 | 96d5b379-7e1d-4dac-a6ba-1e50db561b04

Диалоговое окно «Поиск пропавшего»

Опубликовано: 22 июня 2017 г. Автор: Рон Пальма Revit

Вы когда-нибудь пытались получить доступ к инструменту или команде, которая должна открывать диалоговое окно, но окно / окно не появляется и кажется, что оно блокирует ваше программное обеспечение? Вы не поверите, но во многих случаях диалоговое окно / окно открыто, но оно попало в чистилище или в землю мертвецов, поэтому не отображается на вашем экране.

Недавно я столкнулся с этой проблемой, используя диалоговое окно «Палитра цветов Pantone» в Revit. Я демонстрировал, как изменить цвет элемента класса. Когда я нажал кнопку [PANTONE…], мой курсор начал вращаться, и Revit, казалось, завис. К сожалению, я был в режиме, в котором я не мог устранить неполадки, поэтому мне пришлось закрыть Revit, нажав [Ctrl] + [Alt] + [Del].

Проведя небольшое исследование, я наткнулся на сообщение в блоге, написанное бывшим коллегой по Ideate, Шрути Харве.В 2011 году она объяснила проблему и как ее исправить.

Вот что происходит:

Если вы работаете с несколькими мониторами и / или переключаетесь между проектором, телевизором в конференц-зале и вторым или третьим монитором, различные диалоговые окна в нескольких программах появляются на этих других источниках видео. Когда вы меняете источники видео и получаете доступ к инструменту / команде, открывающей диалоговое окно, диалоговое окно может не отображаться. Эта проблема вызвана тем, что окно / диалоговое окно «застревает» за пределами вашей текущей конфигурации видео… иначе чистилище.

Вот как это исправить:

  1. После доступа к инструменту / команде для открытия диалогового окна / окна нажмите [Alt] + [Пробел], затем нажмите M, затем нажмите любую клавишу со стрелкой на клавиатуре. Это «приклеит» диалоговое окно / окно к вашему курсору.
  2. Перемещайте указатель мыши, пока диалоговое окно / окно не окажется там, где вы хотите.

Это старый, но полезный трюк Windows ... Теперь вернемся к использованию моих цветов Pantone.

Посетите наш блог, чтобы получить дополнительные советы и рекомендации. Для получения дополнительной информации о программных решениях, обучении и консультациях, которые предоставляет Ideate, посетите веб-сайт Ideate, Inc.

Рон Пальма
Рон Пальма
Специалист по приложениям AEC

Рон имеет более чем 25-летний опыт работы в архитектурной отрасли в качестве составителя чертежей, дизайнера, ведущего дизайнера проектов, инструктора и менеджера по САПР, внедряющего архитектурные решения Autodesk для проектных фирм.Его образовательные достижения включают: сертифицированный инструктор Autodesk (ACI), инструктор, технический специалист по поддержке, преподаватель в муниципальных колледжах Портленда и Клакамас, а также сертифицированный инструктор армии США. Рон имеет диплом бакалавра педагогического дизайна с отличием. Он является членом Национальной гвардии армии штата Орегон, где он является первым сержантом пехотной роты, специализирующейся на обучении и наставничестве солдат в их карьере, и был направлен в Афганистан для поддержки операций «Несокрушимая свобода» и операции «Решительная поддержка».Рон является опубликованным автором и продолжает писать профессиональные технические учебные руководства и краткие описания для AutoCAD, AutoCAD Architecture и Revit. Как сертифицированный инструктор Autodesk и сертифицированный специалист Autodesk по Revit Architecture, Рон проводит обучение по Revit Architecture и AutoCAD, а также оказывает поддержку различным компаниям, занимающимся AEC. Найдите Рона в Твиттере.

.

Leave a comment

Related Posts

Как вызвать панель управления в windows 10: Как открыть панель управления в Windows (в т.ч. в Windows 10, где убрали ссылки на нее)

Posted by alexxlab - 26.07.2021

512 кб в гб: Килобайт в Мегабайт | Онлайн калькулятор

Posted by alexxlab - 25.07.2021

Как посмотреть на какие сайты заходили с моего wifi: Просмотр истории посещенных сайтов через Wi-Fi роутер

Posted by alexxlab - 24.07.2021

2024 © Все права защищены.