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

Если вы используете 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 , сниппет , перевод