Какие элементы присутствуют в диалоговых окнах свойств

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

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

Диалоговые окна Windows могут быть модальными или немодальными.

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

Модальные диалоговые окна могут быть вида:

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

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

Диалоговое окно Windows обычно состоит из строки заголовка и элементов окна.

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

Основные элементы диалогового окна

От назначения окна зависит его содержимое, но в целом, набор элементов повторяется во всех приложениях операционной системы Windows. Это:

вкладки (сложное окно);
командные кнопки;
флажки (включатели/выключатели);
радиокнопки (переключатели);
поля ввода (текстовые поля);
списки и раскрывающиеся списки;
ползунок (скользящая кнопка управления).

Рассмотрим основные разновидности элементов:

	закрытие окна с сохранением всех параметров и внесенных изменений
	закрытие окна без сохранения параметров и внесенных изменений
	сохранение всех параметров и изменений без закрытия окна
	пользователь может с клавиатуры вводить в прямоугольную область текст, для этого нужно щелкнуть внутри поля мышью
	в данное поле значения можно ввести как с клавиатуры, так и нажимая на кнопки справа, стрелка вверх увеличивает значения параметра, стрелка вниз — уменьшает
	в нем содержится список, доступных для выбора объектов, если список больше размера поля, то будут видны полосы прокрутки для просмотра всего списка полностью, выбрать объект можно щелкнув на нужном мышью
	в нем отображается значение текущего параметра, просмотреть все возможные значения можно щелкнув мышью на кнопке — треугольнике справа
	кружок с цветной точкой внутри или без точки (радиокнопка) — выбор только одного из взаимоисключающих, заменяющих друг друга параметров (как в русском языке союз «или») Щелчком ЛКМ мышки отмечается выбор пользователя, с других кнопок отметка снимается
	«галочка» внутри квадратного поля (чекбокса), с ее помощью можно включить/отключить параметры, описание которых расположено рядом, одновременно можно выбрать несколько параметров одновременно (соответствует союзу «и»)
	щелчок по кнопке активирует режим контекстной справки диалогового окна, для этого кликните по выбранному элементу, сразу появится прямоугольная область с текстом — пояснением
	закрытие окна
	перемещение влево/вправо вдоль линейки позволяет плавно настраивать значение параметра в определенном диапазоне (увеличение/уменьшение), к примеру, громкость, чувствительность мыши, скорость автоповтора клавиатуры и т.п.
	в ряде диалоговых окон сходные параметры группируются во вкладках: от двух и более; располагаются вкладки сразу под строкой заголовка окна; одновременно можно работать только с одной вкладкой, активная находится на переднем плане, полностью занимая окно; сменить вкладку можно щелкнув мышью на ее названии
	предварительный просмотр, показывает, как будет выглядеть настраиваемый объект после сделанных изменений и выбранных параметров

Горячие клавиши для диалоговых окон.

Alt+F4 — закрывает текущий элемент или же выход из активной программы

Ctrl+Tab – переключение вкладок в правую сторону (вперед)

Ctrl+Shift+Tab — переключение вкладок в левую сторону (назад)

Tab – последовательное перемещение по кнопкам, полям, спискам, меню, панелям и т. д. (вправо вниз)

Shift + Tab — последовательное перемещение по пунктам, кнопкам, полям, спискам, меню, панелям и др. в обратном порядке (влево вверх)

Space (Пробел) – позволяет выделить (нажать) на выбранную кнопку, поставить флажок

Alt + подчеркнутая буква — нажав и удерживая клавишу Alt, посмотрите на название вкладки окна, списка, поля и т.д., одна из букв подчеркнута, нажмите ее на клавиатуре и вы перейдете к выбранному элементу

Клавиши со стрелками — навигация по пунктам, опциям

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

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

Источник

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

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

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

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

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

Кнопки[править | править код]

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

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

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

Немодальные диалоговые окна[править | править код]

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

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

Модальные на уровне приложения[править | править код]

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

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

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

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

Модальные на уровне окна[править | править код]

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

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

Примечания[править | править код]

Ссылки[править | править код]

Руководство по диалоговым элементам управления — MSDN
Dialogs — OS X Human Interface Guidelines

Источник

02/15/2019
Чтение занимает 3 мин

В этой статье

Добавить элементы управления в диалоговое окно можно с помощью вкладки Редактор диалоговых окон окна Панель элементов , которая позволяет выбрать нужный элемент управления и перетащить его в диалоговое окно.You can add controls to a dialog box using the Dialog Editor tab in the Toolbox window that enables you to choose the control you want and drag it onto the dialog box. По умолчанию окно панели элементов имеет значение автоматическое скрытие.By default, the Toolbox window is set to auto hide. Он отображается в виде вкладки в левом поле решения, если Редактор диалоговых окон открыт.It appears as a tab on the left margin of your solution when the Dialog Editor is open. Однако окно панели элементов можно закрепить в положении, нажав кнопку Автоматическое скрытие в правом верхнем углу окна.However, you can pin the Toolbox window into position by selecting the Auto Hide button in the upper right corner of the window. Дополнительные сведения об управлении поведением этого окна см. в разделе Управление окнами.For more information on how to control the behavior of this window, see Window Management.

Самый быстрый способ добавить элементы управления в диалоговое окно, изменить положение существующих элементов управления или переместить элементы управления из одного диалогового окна в другое заключается в использовании метода перетаскивания.The fastest way to add controls to a dialog box, reposition existing controls, or move controls from one dialog box to another, is to use the drag-and-drop method. Расположение элемента управления выделяются пунктирной линией до тех пор, пока оно не будет перенесено в диалоговое окно.The control’s position is outlined in a dotted line until it is dropped into the dialog box. При добавлении элемента управления в диалоговое окно с методом перетаскивания элементу управления присваивается стандартная высота, соответствующая этому типу элемента управления.When you add a control to a dialog box with the drag-and-drop method, the control is given a standard height appropriate to that type of control.

Когда вы добавляете элемент управления в диалоговое окно или перемещаете его, его окончательное размещение может быть определено направляющими или полями или включенным режимом сетки макета.When you add a control to a dialog box or reposition it, its final placement may be determined by guides or margins, or whether you have the layout grid turned on.

После добавления элемента управления в диалоговое окно можно изменить свойства, такие как заголовок, в окне Свойства.Once you have added a control to the dialog box, you can change properties such as its caption in the Properties Window. Можно также выбрать несколько элементов управления и изменить их свойства одновременно.You can also select multiple controls and change their properties all at once.

Дополнительные сведения о редакторе диалоговых оконсм. в статьях Добавление, изменение и удаление элементов управления, элементов управления макетоми Определение доступа и значений.For more information on the Dialog Editor, see how to Add, Edit, or Delete Controls, Layout Controls, and Define Control Access and Values.

Дополнительные сведения о элементах управления и диалоговых окнах см. в разделе классы элементов управления, классы диалоговых окони стили полосы прокрутки.For more information on controls and dialogs, see Control Classes, Dialog Box Classes, and Scroll-Bar Styles.

Стандартные элементы управления, доступные на панели элементов с событиями по умолчанию:The standard controls available in the Toolbox with default events are:

Стандартные элементы управления Windows , доступные на панели элементов для обеспечения расширенной функциональности:The Windows Common Controls available in the Toolbox to provide increased functionality are:

Пользовательские элементы управленияCustom Controls

Редактор диалоговых окон позволяет использовать существующие настраиваемые или пользовательские элементы управления в шаблоне диалогового окна.The Dialog Editor lets you use existing custom or user controls in a dialog box template.

Примечание

В этом смысле пользовательские элементы управления не следует путать с элементами управления ActiveX.Custom controls in this sense are not to be confused with ActiveX controls. Элементы управления ActiveX иногда называются пользовательскими элементами управления OLE.ActiveX controls were sometimes called OLE custom controls. Кроме того, не путайте эти элементы управления с элементами управления, рисуемыми владельцем в Windows.Also, don’t confuse these controls with the owner-drawn controls in Windows.

Эта функция предназначена для использования элементов управления, отличных от предоставляемых Windows.This functionality is intended to let you use controls other than those supplied by Windows. Во время выполнения элемент управления связывается с классом окна (а не с C++ классом).At run time, the control is associated with a Window class (not the same as a C++ class). Более распространенный способ выполнения этой же задачи заключается в установке любого элемента управления, например статического элемента управления, в диалоговом окне.A more common way to accomplish the same task is to install any control, such as a static control, in your dialog box. Затем во время выполнения в функции онинитдиалог удалите этот элемент управления и замените его своим пользовательским элементом управления.Then at run time, in the OnInitDialog function, remove that control and replace it with your own custom control.

Примечание

Это старая методика.This is an old technique. Сегодня рекомендуется в большинстве случаев написать элемент управления ActiveX или подкласс общего элемента управления Windows.Today you are advised in most cases to write an ActiveX control or subclass a Windows common control.

Для этих пользовательских элементов управления существует ограничение:For these custom controls, you are limited to:

Задание расположения в диалоговом окне.Setting the location in the dialog box.
Введите заголовок.Typing a caption.
Определение имени класса Windows элемента управления, так как код приложения должен зарегистрировать элемент управления по этому имени.Identifying the name of the control’s Windows class since your application code must register the control by this name.
Введите 32-разрядное шестнадцатеричное значение, устанавливающее стиль элемента управления.Typing a 32-bit hexadecimal value that sets the control’s style.
Задание расширенного стиля.Setting the extended style.

ТребованияRequirements

Win32Win32

См. также разделSee also

Редактор диалоговых оконDialog Editor

Источник

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

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

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

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

Рис. П.7. Кнопки диалоговых окон

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

– Отмена – отвечает за закрытые окна без сохранения изменений (аналогична кнопке Закрыть);

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

Обратите внимание, на рис. П.7 кнопка ОК выделена. Это означает, что она активна и для ее нажатия можно воспользоваться клавишей Enter. В любом диалоговом окне одна кнопка всегда является активной. Если какая-либо кнопка недоступна, она окрашена в серый цвет, как кнопка Применить на рис. П.7.

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

Рис. П.8. Вкладки окна свойств папки

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

• Список – содержит перечень возможных параметров какой-либо настройки, из которых пользователь может выбрать нужный. Список бывает обычным (рис. П.9, слева) и раскрывающимся (рис. П.9, справа). Чтобы увидеть все пункты раскрывающегося списка, нужно щелкнуть на нем кнопкой мыши. Чтобы изменения, выбранные в списке, вступили в силу, необходимо нажать кнопку Применить или ОК.

Рис. П.9. Пример обычного (слева) и раскрывающегося (справа) списков

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

Рис. П.10. Текстовое поле

• Числовое поле – служит для изменения числового значения какого-либо параметра. Справа от числового поля есть две маленькие кнопки со стрелочками, нажимая которые можно уменьшать или увеличивать значение (рис. П.11). Нужное число можно также ввести с клавиатуры.

Рис. П.11. Числовое поле

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

Рис. П.12. Группа флажков

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

Рис. П.13. Переключатель

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

Рис. П.14. Регулятор

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

Какие элементы присутствуют в диалоговых окнах свойств

Кнопки[править | править код]

Немодальные диалоговые окна[править | править код]

Модальные на уровне приложения[править | править код]

Модальные на уровне окна[править | править код]

Примечания[править | править код]

Ссылки[править | править код]

В этой статье

Пользовательские элементы управленияCustom Controls

ТребованияRequirements

См. также разделSee also

Похожие главы из других книг: