Ihre Technik hängt davon ab, welches XAML-Objekt Ihr SVG-XAML-Konverter erzeugt. Produziert es eine Zeichnung? Ein Bild? Ein Gitter? Eine Leinwand? Ein Weg? Eine Geometrie? In jedem Fall wird Ihre Technik anders sein.
In den folgenden Beispielen gehe ich davon aus, dass Sie Ihr Symbol auf einer Schaltfläche verwenden. Dies ist das häufigste Szenario. Beachten Sie jedoch, dass für jedes ContentControl dieselben Techniken gelten.
Verwenden einer Zeichnung als Symbol
Um eine Zeichnung zu verwenden, malen Sie mit einem DrawingBrush ein Rechteck mit der entsprechenden Größe:
<Button>
<Rectangle Width="100" Height="100">
<Rectangle.Fill>
<DrawingBrush>
<DrawingBrush.Drawing>
<Drawing ... />
</DrawingBrush.Drawing>
</DrawingBrush>
</Rectangle.Fill>
</Rectangle>
</Button>
Verwenden eines Bildes als Symbol
Ein Bild kann direkt verwendet werden:
<Button>
<Image ... />
</Button>
Verwenden eines Rasters als Symbol
Ein Raster kann direkt verwendet werden:
<Button>
<Grid ... />
</Button>
Sie können es auch in eine Viewbox aufnehmen, wenn Sie die Größe steuern müssen:
<Button>
<Viewbox ...>
<Grid ... />
</Viewbox>
</Button>
Verwenden einer Leinwand als Symbol
Dies ist wie bei der Verwendung eines Bilds oder Rasters, aber da eine Leinwand keine feste Größe hat, müssen Sie die Höhe und Breite angeben (es sei denn, diese werden bereits vom SVG-Konverter festgelegt):
<Button>
<Canvas Height="100" Width="100">
</Canvas>
</Button>
Verwenden eines Pfads als Symbol
Sie können einen Pfad verwenden, müssen jedoch den Strich festlegen oder explizit füllen:
<Button>
<Path Stroke="Red" Data="..." />
</Button>
oder
<Button>
<Path Fill="Blue" Data="..." />
</Button>
Verwenden einer Geometrie als Symbol
Sie können einen Pfad verwenden, um Ihre Geometrie zu zeichnen. Wenn es gestrichen werden soll, stellen Sie den Strich ein:
<Button>
<Path Stroke="Red" Width="100" Height="100">
<Path.Data>
<Geometry ... />
</Path.Data>
</Path>
</Button>
oder wenn es gefüllt werden soll, stellen Sie die Füllung ein:
<Button>
<Path Fill="Blue" Width="100" Height="100">
<Path.Data>
<Geometry ... />
</Path.Data>
</Path>
</Button>
So binden Sie Daten
Wenn Sie die SVG -> XAML-Konvertierung im Code durchführen und möchten, dass die resultierende XAML mithilfe der Datenbindung angezeigt wird, verwenden Sie eine der folgenden Methoden:
Zeichnung binden:
<Button>
<Rectangle Width="100" Height="100">
<Rectangle.Fill>
<DrawingBrush Drawing="{Binding Drawing, Source={StaticResource ...}}" />
</Rectangle.Fill>
</Rectangle>
</Button>
Ein Bild binden:
<Button Content="{Binding Image}" />
Ein Gitter binden:
<Button Content="{Binding Grid}" />
Binden eines Rasters in einer Viewbox:
<Button>
<Viewbox ...>
<ContentPresenter Content="{Binding Grid}" />
</Viewbox>
</Button>
Leinwand binden:
<Button>
<ContentPresenter Height="100" Width="100" Content="{Binding Canvas}" />
</Button>
Einen Weg binden:
<Button Content="{Binding Path}" />
Eine Geometrie binden:
<Button>
<Path Width="100" Height="100" Data="{Binding Geometry}" />
</Button>
