Используем подсказки в UWP приложениях

Перевод статьи Using Tooltips to make better menus in Windows apps

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

Подсказки в меню

Реализовать подобное поведение очень просто, благодаря ToolTipService доступному в Windows 8.1 и Windows 10 UWP. Вы можете добавить <ToolTipService.ToolTip> содержищий любые элементы XAML разметки.

Пример простой текстовой подсказки:

<Grid Margin="50" Background="BlueViolet" Height="50" Width="50">

	<ToolTipService.ToolTip>
		<TextBlock Text="Квадрат" />
	</ToolTipService.ToolTip>

</Grid>

Пример подсказки, состоящей из нескольких элементов:

<ToolTipService.ToolTip>
	<StackPanel>
		<TextBlock Text="Квадрат" />
		<Rectangle Width="100" Height="100" Fill="Black" />
	</StackPanel>
</ToolTipService.ToolTip>

Дополнительно

MSDN ToolTipService Class

Теги: xaml, uwp, сниппет, перевод

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