Кнопки для интерфейса windows

Содержание
  1. Запуск и интерфейс Windows 7: рабочий стол, панель задач, кнопка «Пуск»…
  2. Загрузка Windows 7
  3. Вход в систему
  4. Интерфейс Aero Windows 7. Рабочий стол
  5. Панель задач и кнопка «Пуск»
  6. Оконный интерфейс Windows 7
  7. Контекстные меню
  8. Боковая панель – гаджеты Windows 7
  9. Кнопки Buttons
  10. Выбор правильного элемента управления Is this the right control?
  11. Примеры Examples
  12. Создание кнопки Create a button
  13. Взаимодействие с кнопкой Button interaction
  14. Содержимое кнопки Button content
  15. Создание кнопки повтора Create a repeat button
  16. Создание раскрывающейся кнопки Create a drop down button
  17. Пример. Раскрывающаяся кнопка Example — Drop down button
  18. Создание разворачивающейся кнопки Create a split button
  19. Пример. Разворачивающаяся кнопка Example — Split button
  20. Создание разворачивающейся кнопки с переключателем Create a toggle split button
  21. Отличия от кнопки переключения Differences with ToggleButton
  22. Пример. Разворачивающаяся кнопка с переключателем Example — Toggle split button
  23. Рекомендации Recommendations
  24. Рекомендуемый макет с одной кнопкой Recommended single-button layout
  25. Кнопки «Назад» Back buttons

Запуск и интерфейс Windows 7: рабочий стол, панель задач, кнопка «Пуск»…

Загрузка Windows 7

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

Самотестирование внешних и внутренних и устройств

Вход в систему

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

Вход в систему с паролем

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

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

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

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

Раскладка клавиатуры, как правило, русская, а дополнительная — английская. Переключение раскладок будет осуществляться одновременным нажатием клавиш «Alt»+ «Shift».

Интерфейс Aero Windows 7. Рабочий стол

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

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

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

На Рабочем столе, сразу после установки Windos 7 имеется лишь один значок – это Корзина (Recycle Bin). В том случае, если компьютер покупается в магазине с уже установленной Widows 7, то на Рабочем столе, скорее всего, будут размещено несколько значков.

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

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

Панель задач и кнопка «Пуск»

В левой нижней части Рабочего стола в виде полосы расположена Панель задач.

С левого края она начинается с кнопки «Пуск», и в Windows 7 эта кнопка претерпела изменения — она стала круглой и с нее исчезло слово «Пуск», которое встречается в предыдущих версиях Windows.

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

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

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

Предварительный просмотр открытых окон

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

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

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

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

Группировка однотипных элементов

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

Оконный интерфейс Windows 7

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

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

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

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

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

В Windows 7 появились новые функции, упрощающие работу с окнами.

Flip 3D – позволяет открывать окна в виде трехмерной колонки, открывая по одному.

Aero Shake – позволяет навести порядок на рабочем столе, при открытии большого количества окно. Достаточно коснутся указателем мыши окна, и удерживая основную (левую) кнопку встряхнуть его. Все открытые окна, кроме выделенного будут свернуты. Повторно встряхните мышь, удерживая окно, и свернутые окна вернутся в исходное положение.

Aero Peek – делает окна прозрачными, тем самым позволяя просматривать рабочий стол. Достаточно навести указатель мыши в правый угол Панели задач, и окна станут прозрачными, отведите указатель в сторону и окна вновь станут стандартными.

Snap — позволяет более эффективно управлять окнами за счет простого перетаскивания их к границам экрана.

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

Весьма полезная функция для тех, кто не пользуется файловыми менеджерами, например, Total Commander.

Контекстные меню

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

Читайте также:  Openvpn ������ linux ubuntu

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

Контекстное меню Корзины

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

Боковая панель – гаджеты Windows 7

В операционной системе Windows 7 появилась Боковая панель (Sidebar по-английски) — новый элемент интерфейса, которого не было в предыдущих версиях, за исключением Windows Vista. По умолчанию Боковая панель располагается по правому краю Рабочего стола и служит для размещения небольших мини-программ, в большинстве случаев предназначенных для отображения какой-либо полезной информации (времени, погоды, загрузки процессора с оперативной памятью и т.п.) или какого-либо полезного инструмента (календаря, записок и т.д.).

Если Боковая панель у вас не отображается, то запустить ее можно, выбрав Пуск — Панель управления — Оформление и персонализация — Гаджеты рабочего стола.

Кнопки Buttons

Кнопка предоставляет пользователю возможность вызвать немедленное действие. A button gives the user a way to trigger an immediate action. Некоторые кнопки предназначены специально для конкретных задач, таких как навигация, повторяющиеся действия или отображение меню. Some buttons are specialized for particular tasks, such as navigation, repeated actions, or presenting menus.

Расширяемый язык разметки для приложений XAML предоставляет стандартный и несколько специализированных элементов управления «Кнопка». The Extensible Application Markup Language (XAML) framework provides a standard button control as well as several specialized button controls.

Элемент Control Описание Description
Кнопка Button Кнопка, инициирующая немедленное действие. A button that initiates an immediate action. Может использоваться в связке со свойством Command или событием Click. Can be used with a Click event or Command binding.
RepeatButton RepeatButton Кнопка, которая в нажатом состоянии постоянно вызывает событие Click. A button that raises a Click event continuously while pressed.
HyperlinkButton HyperlinkButton Стилизованная под гиперссылку кнопка, которая используется для навигации. A button that’s styled like a hyperlink and used for navigation. См. подробнее о гиперссылках. For more info about hyperlinks, see Hyperlinks.
DropDownButton DropDownButton Кнопка со значком шеврона, которая открывает прикрепленный всплывающий элемент.
SplitButton SplitButton Двухсторонняя кнопка. Одна сторона инициирует действие, а другая открывает меню. One side initiates an action, and the other side opens a menu.
ToggleSplitButton ToggleSplitButton Двухсторонняя кнопка переключения. Одна сторона выполняет функцию переключателя, а другая сторона открывает меню. One side toggles on/off, and the other side opens a menu.
ToggleButton ToggleButton Кнопка, которая может быть включена или отключена. A button that can be on or off.

Получение библиотеки пользовательского интерфейса Windows Get the Windows UI Library

DropDownButton, SplitButton и ToggleSplitButton являются компонентами библиотеки пользовательского интерфейса Windows — пакета NuGet, в который входят новые элементы управления, а также компоненты пользовательского интерфейса для приложений для Windows. DropDownButton, SplitButton, and ToggleSplitButton are included as part of the Windows UI Library, a NuGet package that contains new controls and UI features for Windows apps. Дополнительные сведения, включая инструкции по установке, см. в описании библиотеки пользовательского интерфейса Windows. For more info, including installation instructions, see Windows UI Library.

Выбор правильного элемента управления Is this the right control?

Элемент управления Button позволяет пользователю инициировать немедленное действие, например отправку формы. Use a Button control to let the user initiate an immediate action, such as submitting a form.

Не используйте элемент управления Button для перехода на другую страницу. Вместо него используйте элемент управления HyperlinkButton. Don’t use a Button control when the action is to navigate to another page; instead, use a HyperlinkButton control. См. подробнее о гиперссылках. For more info about hyperlinks, see Hyperlinks.

Для навигации по мастеру используйте кнопки Назад и Далее. For wizard navigation, use buttons labeled Back and Next. Для других видов навигации на уровень выше или ниже используйте кнопку «Назад». For other types of backwards navigation or navigation to an upper level, use a back button.

Элемент управления RepeatButton позволяет пользователю повторно активировать действие. Use a RepeatButton control when the user might want to trigger an action repeatedly. Например, с помощью RepeatButton можно увеличивать или уменьшать значение в счетчике. For example, use a RepeatButton control to increment or decrement a value in a counter.

Элемент управления DropDownButton можно использовать, если у кнопки есть всплывающее меню с дополнительными вариантами. Use a DropDownButton control when the button has a flyout that contains more options. Значок шеврона по умолчанию является визуальным индикатором наличия у кнопки всплывающего меню. The default chevron provides a visual indication that the button includes a flyout.

Элемент управления SplitButton позволяет пользователю инициировать немедленное действие или по отдельности выбирать дополнительные варианты. Use a SplitButton control when you want the user to be able to initiate an immediate action or choose from additional options independently.

Используйте элемент управления ToggleButton, чтобы пользователи могли моментально переключаться между двумя взаимоисключающими состояниями, и при этом кнопка лучше всего вписывается в пользовательский интерфейс. Use a ToggleButton control when you want the user to be able to immediately switch between two mutually exclusive states, and a button is the best fit for your UI needs. Если кнопка не подходит, лучше использовать AppBarToggleButton, CheckBox, RadioButton или ToggleSwitch. Unless your UI benefits from a button, it might be a better choice to use an AppBarToggleButton, CheckBox, RadioButton, or ToggleSwitch.

Примеры Examples

Если у вас установлено приложение XAML Controls Gallery, щелкните здесь, чтобы открыть приложение и увидеть кнопку в действии. If you have XAML Controls Gallery installed, click here to open the app and see the Button in action.

В этом примере используются две кнопки, Разрешить и Блокировать, в диалоговом окне, которое запрашивает доступ к расположению. This example uses two buttons, Allow and Block, in a dialog that requests location access.

Создание кнопки Create a button

В этом примере рассматривается кнопка, которая реагирует на щелчок. This example shows a button that responds to a click.

Создайте кнопку в XAML. Create the button in XAML.

Либо создайте кнопку в коде. Or create the button in code.

Обработайте событие Click. Handle the Click event.

Взаимодействие с кнопкой Button interaction

Если коснуться элемента управления Button пальцем или стилусом либо навести на нее указатель и нажать левую кнопку мыши, кнопка вызывает событие Click. When you tap a Button control with a finger or stylus, or press a left mouse button while the pointer is over it, the button raises the Click event. Если кнопка находится в фокусе клавиатуры, при нажатии клавиши ВВОД или ПРОБЕЛ также происходит вызов события Click. If a button has keyboard focus, pressing the Enter key or the Spacebar also raises the Click event.

Обрабатывать низкоуровневые события PointerPressed с помощью объекта Button обычно нельзя, поскольку для него предусмотрено поведение Click. You generally can’t handle low-level PointerPressed events on a Button object because it has the Click behavior instead. Дополнительные сведения см. в разделе Общие сведения о событиях и перенаправленных событиях. For more info, see Events and routed events overview.

Порядок вызова кнопкой события Click можно менять путем изменения свойства ClickMode. You can change how a button raises the Click event by changing the ClickMode property. Значением по умолчанию для ClickMode является Release, но для него также можно задать значения Hover или Press. The default value of ClickMode is Release, but you also can set a button’s ClickMode value to Hover or Press. Если для ClickMode задано значение Hover, событие Click невозможно вызвать нажатием клавиши или касанием. If ClickMode is Hover, the Click event can’t be raised by using the keyboard or touch.

Содержимое кнопки Button content

Button является элементом управления содержимым класса ContentControl. Button is a content control of the ContentControl class. Ее свойство содержимого XAML — Content, благодаря чему возможно использование подобного синтаксиса: A button’s content . Its XAML content property is Content, which enables a syntax like this for XAML: A button’s content . В качестве содержимого кнопки можно задать любой объект. You can set any object as the button’s content. Если содержимым является объект UIElement, он отображается на кнопке. If the content is a UIElement object, it is rendered in the button. Если содержимым является другой тип объекта, в кнопке отображается его строковое представление. If the content is another type of object, its string representation is shown in the button.

Содержимое кнопки обычно представляет собой текст. A button’s content is usually text. При создании этого текста следуйте таким рекомендациям: When you design that text, use the following recommendations:

Используйте краткий, конкретный, не требующий разъяснений текст, который четко описывает действие, выполняемое кнопкой. Use a concise, specific, self-explanatory text that clearly describes the action that the button performs. Обычно текст надписи на кнопке состоит из одного слова, как правило, глагола. Usually button text is a single word that is a verb.

Используйте шрифт, заданный по умолчанию, если не требуется использовать другой. Use the default font, unless your brand guidelines tell you to use something different.

При размещении короткого текста избегайте использования узких кнопок. Минимальная ширина кнопки должна составлять 120 пикселей. For shorter text, avoid narrow command buttons by using a minimum button width of 120px.

При размещении длинного текста избегайте использования широких кнопок. Длина текста должна составлять не более 26 символов. For longer text, avoid wide command buttons by limiting text to a maximum length of 26 characters.

Если текст надписи на кнопке динамический (локализуемый), продумайте, каким образом можно изменять размер кнопки и как это отразится на элементах управления рядом с ней. If the button’s text content is dynamic (that is, it is localized), consider how the button will be resized and what will happen to controls around it.

XAML Controls Gallery XAML Controls Gallery
Необходимо исправить.Need to fix:
Кнопки с переполняющим текстом. Buttons with overflowing text.
Вариант 1.Option 1:
Увеличьте ширину кнопки, разместите кнопки друг под другом и перенесите текст, если его длина превышает 26 символов. Increase button width, stack buttons, and wrap if text length is greater than 26 characters.
Вариант 2.Option 2:
Увеличьте высоту кнопки и перенесите текст. Increase button height, and wrap text.

Можно также настроить визуальные элементы, составляющие внешний вид кнопки. You can also customize visuals that make up the button’s appearance. Например, можно заменить текст значком или использовать значок вместе с текстом. For example, you could replace the text with an icon, or use an icon in addition to text.

В данном случае класс StackPanel, содержащий изображение и текст, задан в качестве содержимого кнопки. Here, a StackPanel that contains an image and text is set as the content of a button.

Кнопка выглядит следующим образом. The button looks like this.

Создание кнопки повтора Create a repeat button

Элемент управления RepeatButton — это кнопка, у которой события Click повторяются до тех пор, пока она нажата. A RepeatButton control is a button that raises Click events repeatedly from the time it’s pressed until it’s released. Задайте свойство Delay, чтобы указать время задержки для элемента управления RepeatButton, по прошествии которого начнется повторение действия щелчка. Set the Delay property to specify the time that the RepeatButton control waits after it is pressed before it starts repeating the click action. Задайте свойство Interval, чтобы указать время между повторениями действия щелчка. Set the Interval property to specify the time between repetitions of the click action. Время для обоих свойств указывается в миллисекундах. Times for both properties are specified in milliseconds.

В следующем примере показаны два элемента управления RepeatButton, у которых события Click увеличивают и уменьшают значение в блоке текста. The following example shows two RepeatButton controls whose respective Click events are used to increase and decrease the value shown in a text block.

Создание раскрывающейся кнопки Create a drop down button

Для создания раскрывающейся кнопки DropDownButton требуется библиотека пользовательского интерфейса Windows или Windows 10 версии 1809 (пакет SDK 17763) или последующей. DropDownButton requires the Windows UI Library or Windows 10, version 1809 (SDK 17763) or later. Последнюю версию пакета SDK можно скачать здесь, а его предыдущие версии — здесь. To download the latest SDK, see Windows 10 SDK; to download an earlier SDK, see Windows SDK and emulator archive.

DropDownButton — это кнопка, использующая шеврон в качестве визуального индикатора прикрепленного всплывающего меню, которое содержит дополнительные варианты. A DropDownButton is a button that shows a chevron as a visual indicator that it has an attached flyout that contains more options. Она действует как и стандартный элемент управленияButton со всплывающим меню, но ее внешний вид отличается. It has the same behavior as a standard Button control with a flyout; only the appearance is different.

Раскрывающаяся кнопка наследует событие Click, но обычно оно не используется. The drop down button inherits the Click event, but you typically don’t use it. Вместо этого используется свойство Flyout для присоединения всплывающего меню и вызова действий с помощью команд в этом меню. Instead, you use the Flyout property to attach a flyout and invoke actions by using menu options in the flyout. Всплывающее меню открывается автоматически при нажатии кнопки. The flyout opens automatically when the button is clicked. Не забудьте задать для всплывающего меню свойство Placement, чтобы разместить меню по отношению к кнопке нужным образом. Be sure to specify the Placement property of your flyout to ensure the desired placement in relation to the button. Алгоритм размещения по умолчанию может не обеспечить предполагаемое размещение во всех ситуациях. The default placement algorithm might not produce the intended placement in all situations.

Дополнительные сведения о всплывающих меню см. в статье Меню и контекстные меню. For more info about flyouts, see Menus and context menus.

Пример. Раскрывающаяся кнопка Example — Drop down button

В приведенном здесь примере показано, как создать раскрывающуюся кнопку со всплывающим меню, которое содержит команды для выравнивания абзаца в элементе управления RichEditBox. This example shows how to create a drop down button with a flyout that contains commands for paragraph alignment in a RichEditBox control. (Дополнительные сведения и код см. в статье Блок форматируемого текста.) (For more info and code, see Rich edit box).

Создание разворачивающейся кнопки Create a split button

Для создания кнопки SplitButton требуется библиотека пользовательского интерфейса Windows или Windows 10, версия 1809 (пакет SDK 17763) или выше. SplitButton requires the Windows UI Library or Windows 10, version 1809 (SDK 17763) or later. Последнюю версию пакета SDK можно скачать здесь, а его предыдущие версии — здесь. To download the latest SDK, see Windows 10 SDK; to download an earlier SDK, see Windows SDK and emulator archive.

Элемент управления SplitButton состоит из двух частей, которые можно вызывать по отдельности. A SplitButton control has two parts that can be invoked separately. Одна часть представляет собой стандартную кнопку, которая вызывает немедленное действие. One part behaves like a standard button and invokes an immediate action. Другая часть позволяет вызывать всплывающий элемент с дополнительными параметрами, которые пользователь может выбрать. The other part invokes a flyout that contains additional options that the user can choose from.

При вызове действия с помощью касания разворачивающаяся кнопка выполняет функцию раскрывающейся кнопки. Обе стороны кнопки вызывают всплывающее меню. When invoked with touch, the split button behaves as a drop down button; both halves of the button invoke the flyout. При использовании других методов ввода пользователь может вызвать каждый элемент кнопки отдельно. With other methods of input, a user can invoke either half of the button separately.

Стандартное поведение разворачивающейся кнопки: The typical behavior for a split button is:

При нажатии одной из сторон кнопки обрабатывается событие Click для инициирования варианта, выбранного в раскрывающемся меню. When the user clicks the button part, handle the Click event to invoke the option that’s currently selected in the drop down.

При открытии раскрывающегося списка должен обрабатываться вызов элементов в нем для изменения выбранного варианта, а затем его вызова. When the drop down is open, handle invocation of the items in the drop down to both change which option is selected, and then invoke it. Вызов элемента во всплывающем меню играет важную роль, так как событие Click не будет запускаться при касании. It’s important to invoke the flyout item because the button Click event doesn’t occur when using touch.

Существует много способов расположения элементов в раскрывающемся списке и обработки их вызова. There are many ways to put items in the drop down and handle their invocation. Если вы используете ListView или GridView, можно обработать событие SelectionChanged. If you use a ListView or GridView, one way is to handle the SelectionChanged event. После этого задайте для параметра SingleSelectionFollowsFocus значение false. If you do this, set SingleSelectionFollowsFocus to false. Эта настройка позволит пользователям переходить по вариантам с помощью клавиатуры без вызова варианта при каждом внесении изменений. This lets users navigate the options using a keyboard without invoking the item on each change.

Пример. Разворачивающаяся кнопка Example — Split button

В приведенном здесь примере показано, как создать разворачивающуюся кнопку для изменения цвета переднего плана выбранного текста в элементе управления RichEditBox. This example shows how to create a split button that is used to change the foreground color of selected text in a RichEditBox control. (Дополнительные сведения и код см. в статье Блок форматируемого текста.) (For more info and code, see Rich edit box). Всплывающее меню разворачивающейся кнопки по умолчанию использует для свойства Placement значение BottomEdgeAlignedLeft. Split button’s flyout uses BottomEdgeAlignedLeft as the default value for its Placement property. Вы не можете переопределить это значение. You can’t override this value.

Создание разворачивающейся кнопки с переключателем Create a toggle split button

Для создания разворачивающейся кнопки с переключателем SplitButton требуется библиотека пользовательского интерфейса Windows или Windows 10, версия 1809 (пакет SDK 17763) или выше. ToggleSplitButton requires the Windows UI Library or Windows 10, version 1809 (SDK 17763) or later. Последнюю версию пакета SDK можно скачать здесь, а его предыдущие версии — здесь. To download the latest SDK, see Windows 10 SDK; to download an earlier SDK, see Windows SDK and emulator archive.

Элемент управления ToggleSplitButton состоит из двух частей, которые можно вызывать по отдельности. A ToggleSplitButton control has two parts that can be invoked separately. Одна часть выполняет функцию переключателя. One part behaves like a toggle button that can be on or off. Другая часть позволяет вызывать всплывающий элемент с дополнительными параметрами, которые пользователь может выбрать. The other part invokes a flyout that contains additional options that the user can choose from.

Разворачивающаяся кнопка с переключателем обычно используется для активации или деактивации компонента, если компонент содержит множество возможностей, из которых пользователь может выбирать. A toggle split button is typically used to enable or disable a feature when the feature has multiple options that the user can choose from. Например, в редакторе документов она может использоваться для включения или выключения списков, а раскрывающийся список — для выбора стиля списка. For example, in a document editor, it could be used to turn lists on or off, while the drop down is used to choose the style of the list.

При вызове с помощью касания разворачивающаяся кнопка с переключателем работает аналогично раскрывающейся кнопке. When invoked with touch, the toggle split button behaves as a drop down button. При использовании других способов ввода пользователь может переключать и вызывать два элемента кнопки по отдельности. With other methods of input, a user can toggle and invoke the two halves of the button separately. При касании оба элемента кнопки вызывают всплывающее меню. With touch, both halves of the button invoke the flyout. Следовательно, необходимо добавить в содержимое всплывающего меню вариант для включения и выключения кнопки. Therefore, you must include an option in your flyout content to toggle the button on or off.

Отличия от кнопки переключения Differences with ToggleButton

В отличие от ToggleButton у ToggleSplitButton нет неопределенного состояния. Unlike ToggleButton, ToggleSplitButton does not have an indeterminate state. По этой причине вы должны учитывать следующие различия: As a result, you should keep in mind these differences:

  • У ToggleSplitButton нет свойства IsThreeState или события Indeterminate. ToggleSplitButton does not have an IsThreeState property or Indeterminate event.
  • Свойство ToggleSplitButton.IsChecked является логическим значением и не допускает значение NULL . The ToggleSplitButton.IsChecked property is just a Boolean, not a Nullable.
  • ToggleSplitButton использует только событие IsCheckedChanged и не поддерживает отдельные события Checked и Unchecked. ToggleSplitButton has only the IsCheckedChanged event; it does not have separate Checked and Unchecked events.

Пример. Разворачивающаяся кнопка с переключателем Example — Toggle split button

В следующем примере показано, как разворачивающаяся кнопка с переключателем может использоваться для включения или выключения форматирования списка, а также изменения стиля списка в элементе управления RichEditBox. The following example shows how a toggle split button could be used to turn list formatting on or off, and change the style of the list, in a RichEditBox control. (Дополнительные сведения и код см. в статье Блок форматируемого текста.) (For more info and code, see Rich edit box). Всплывающее меню разворачивающейся кнопки с переключателем использует по умолчанию BottomEdgeAlignedLeft для свойства Placement. The flyout of the toggle split button uses BottomEdgeAlignedLeft as the default value for its Placement property. Вы не можете переопределить это значение. You can’t override this value.

Рекомендации Recommendations

Сделайте так, чтобы назначение и состояние кнопки было понятно пользователю. Make sure the purpose and state of a button are clear to the user.

Если для одного решения предусмотрено несколько кнопок (например, в диалоговом окне подтверждения), расположите эти кнопки в таком порядке, где [Выполнить] и [Не выполнять] будут конкретными вариантами ответа на основную команду: When there are multiple buttons for the same decision (such as in a confirmation dialog), present the commit buttons in this order, where [Do it] and [Don’t do it] are specific responses to the main instruction:

  • ОК/[Выполнить]/Да OK/[Do it]/Yes
    • [Не выполнять]/Нет [Don’t do it]/No
    • Отмена Cancel

Сделайте одновременно доступными пользователю только одну или две кнопки, например Принять и Отмена. Expose only one or two buttons to the user at a time, for example, Accept and Cancel. Если требуется предоставить пользователю больше действий, используйте в интерфейсе флажки или переключатели, с помощью которых пользователь сможет выбрать нужные действия, а затем путем нажатия одной кнопки начать выполнение всех этих действий. If you need to expose more actions to the user, consider using checkboxes or radio buttons from which the user can select actions, with a single command button to trigger those actions.

Для действия, которое требуется выполнить над множеством страниц вашего приложения, лучше использовать нижнюю панель приложения, а не повторять соответствующую кнопку на каждой странице. For an action that needs to be available across multiple pages within your app, instead of duplicating a button on multiple pages, consider using a bottom app bar.

Если в макете требуется только одна кнопка, она должна быть выровнена либо по левому, либо по правому краю на основе контекста ее контейнера. If your layout requires only one button, it should be either left- or right-aligned based on its container context.

В диалоговых окнах с одной кнопкой требуется выравнивание кнопки по правому краю. Dialogs with only one button should right-align the button. Если диалоговое окно содержит только одну кнопку, убедитесь, что она выполняет безопасное, обратимое действие. If your dialog contains only one button, ensure that the button performs the safe, nondestructive action. Если вы используете ContentDialog и укажете одну кнопку, она будет автоматически выровнена по правому краю. If you use ContentDialog and specify a single button, it will be automatically right-aligned.

Если кнопка отображается внутри контейнера пользовательского интерфейса (например, во всплывающем уведомлении, всплывающем элементе меню или элементе представления списка), необходимо выровнять кнопку в контейнере по правому краю. If your button appears within a container UI (for example, within a toast notification, a flyout, or a list view item), you should right-align the button within the container.

На страницах, содержащих одну кнопку (например, кнопку Применить в нижней части страницы параметров), необходимо выровнять кнопку по левому краю. In pages that contain a single button (for example, an Apply button at the bottom of a settings page), you should left-align the button. Это обеспечит соответствие кнопки остальной части содержимого страницы. This ensures that the button aligns with the rest of the page content.

Кнопки «Назад» Back buttons

Кнопка «Назад» — это предоставленный системой элемент пользовательского интерфейса для обратной навигации через стек или журнал навигации пользователя. The back button is a system-provided UI element that enables backward navigation through either the back stack or navigation history of the user. Вы не обязаны создавать собственную кнопку «Назад», но вы можете выполнить определенные действия, чтобы реализовать хорошие возможности обратной навигации. You don’t have to create your own back button, but you might have to do some work to enable a good backwards navigation experience. См. сведения о журнале навигации и навигации в обратном направлении для приложений для Windows. For more info, see Navigation history and backwards navigation for Windows apps.

Читайте также:  Если переустановить windows удаляться ли вирусы
Оцените статью