Ваша техніка буде залежати від того, який об'єкт XAML виробляє ваш конвертер SVG в XAML. Це створює малюнок? Зображення? Сітка? Полотно? Шлях? Геометрія? У кожному випадку ваша техніка буде різною.
У наведених нижче прикладах я припускаю, що ви використовуєте свою піктограму на кнопці, що є найпоширенішим сценарієм, але зауважте, що ті самі методи будуть працювати для будь-якого ContentControl.
Використання малюнка як значка
Щоб використовувати Малюнок, намалюйте прямокутник відповідного розміру пензлем:
<Button>
<Rectangle Width="100" Height="100">
<Rectangle.Fill>
<DrawingBrush>
<DrawingBrush.Drawing>
<Drawing ... />
</DrawingBrush.Drawing>
</DrawingBrush>
</Rectangle.Fill>
</Rectangle>
</Button>
Використання зображення як значка
Зображення можна використовувати безпосередньо:
<Button>
<Image ... />
</Button>
Використання сітки як значка
Сітку можна використовувати безпосередньо:
<Button>
<Grid ... />
</Button>
Або ви можете включити його у вікно перегляду, якщо вам потрібно контролювати розмір:
<Button>
<Viewbox ...>
<Grid ... />
</Viewbox>
</Button>
Використання полотна як значка
Це як при використанні зображення або сітки, але оскільки полотно не має фіксованого розміру, вам потрібно вказати висоту та ширину (якщо вони вже не встановлені конвертером SVG):
<Button>
<Canvas Height="100" Width="100">
</Canvas>
</Button>
Використання контуру як значка
Ви можете використовувати шлях, але ви повинні чітко встановити обведення або заповнити:
<Button>
<Path Stroke="Red" Data="..." />
</Button>
або
<Button>
<Path Fill="Blue" Data="..." />
</Button>
Використання геометрії як значка
За допомогою Шляху можна намалювати геометрію. Якщо його слід погладити, встановіть Обведення:
<Button>
<Path Stroke="Red" Width="100" Height="100">
<Path.Data>
<Geometry ... />
</Path.Data>
</Path>
</Button>
або якщо його слід заповнити, встановіть Заповнення:
<Button>
<Path Fill="Blue" Width="100" Height="100">
<Path.Data>
<Geometry ... />
</Path.Data>
</Path>
</Button>
Як прив'язувати дані
Якщо ви виконуєте перетворення SVG -> XAML у коді і хочете, щоб результуюча XAML відображалася із використанням прив'язки даних, використовуйте одне з наступного:
Прив'язка креслення:
<Button>
<Rectangle Width="100" Height="100">
<Rectangle.Fill>
<DrawingBrush Drawing="{Binding Drawing, Source={StaticResource ...}}" />
</Rectangle.Fill>
</Rectangle>
</Button>
Прив'язка зображення:
<Button Content="{Binding Image}" />
Прив'язка сітки:
<Button Content="{Binding Grid}" />
Прив’язка сітки до вікна перегляду:
<Button>
<Viewbox ...>
<ContentPresenter Content="{Binding Grid}" />
</Viewbox>
</Button>
Переплетення полотна:
<Button>
<ContentPresenter Height="100" Width="100" Content="{Binding Canvas}" />
</Button>
Прив’язка шляху:
<Button Content="{Binding Path}" />
Прив'язка геометрії:
<Button>
<Path Width="100" Height="100" Data="{Binding Geometry}" />
</Button>
