Table of Contents

Изображения и значки

Пять значков: галочка и четыре шеврона

Icon рисует небольшой векторный символ — галочку или стрелку — любого размера и цвета. Image показывает картинку: текстуру, загруженную движком.

Разметка

<!-- Icon draws a small vector glyph; Image shows a texture (see the page for loading one). -->
<StackPanel Orientation="Horizontal">
  <Icon Kind="Checkmark" Width="24" Height="24" Margin="0,0,12,0" />
  <Icon Kind="ChevronLeft" Width="24" Height="24" Margin="0,0,12,0" />
  <Icon Kind="ChevronRight" Width="24" Height="24" Margin="0,0,12,0" />
  <Icon Kind="ChevronUp" Width="24" Height="24" Margin="0,0,12,0" />
  <Icon Kind="ChevronDown" Width="24" Height="24" />
</StackPanel>

Основные свойства

Свойство Описание
Kind Какой символ: Checkmark, ChevronUp, ChevronDown, ChevronLeft или ChevronRight (IconKind).
Stroke Цвет линий символа.
StrokeThickness Толщина линий символа.
Source Показываемая картинка.

Значок масштабирует символ под свой размер, поэтому задайте ему Width и Height.

События и команды

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

Стиль

У значков и изображений нет шаблона и визуальных состояний; задавайте их свойства напрямую или в Style.

Клавиатура, геймпад и сенсорный ввод

Ни значок, ни изображение не принимают фокус и ввод.

Icon

Пять символов рисуются линиями, поэтому остаются чёткими при любом размере и масштабе.

Image

Показывает свой Source — изображение, загруженное через ресурсы конфигурации (интеграции с движками импортируют текстуры).

См. также

  • Кнопки — их содержимым может быть значок.