WPF 更改使用画布和路径创建的图标颜色答案

【问题标题】：WPF change icon color created using canvas and pathWPF 更改使用画布和路径创建的图标颜色
【发布时间】：2018-08-30 14:37:57
【问题描述】：

我有一个用画布和路径创建的图标。我可以重复使用这个图标，但是如何从“外部”（即视图）更改图标的颜色

<Canvas x:Key="MyIcon" Width="40.000" Height="23.889">
    <!-- Layer 1/<Group>/<Compound Path> -->
    <Path Fill="#ffffffff" Data="F1 M 36.074,14.516 C 36.117,10.711 33.078,7.540 29.332,7.478 Z"/>

    <!-- Layer 1/<Group>/<Compound Path> -->
    <Path Fill="#ffffffff" Data="F1 M 35.848,2.368 C 36.766,3.651 37.097,3.832 38.095,3.558 C 38.345,3.489 38.523,3.159 38.735,2.950 C 38.499,2.756 38.281,2.426 38.025,2.395  Z"/>

    <!-- Layer 1/<Group>/<Path> -->
    <Path Fill="#ffffffff" Data="F1 M 35.307,14.487 C 35.268,17.908 32.499,20.618 29.098,20.563 C 25.615,20.506 22.916,17.747 22.947,14.274 Z"/>
</Canvas>

使用此图标，它将始终为白色。我可以进行哪些更改以便能够从 xaml 更改颜色？例如，现在我显示这样的图标：

<ContentControl Content="{StaticResource MyIcon}" />

我假设改变颜色的语法看起来像这样：

<ContentControl Content="{StaticResource MyIcon}" Color={StaticResource BlueBrush} />

【问题讨论】：

标签： wpf xaml icons

【解决方案1】：

通过连接三个Paths的Data字符串将Canvas变成Geometry资源：

<Geometry x:Key="MyIcon">F1 M 36.074,14.516 C 36.117,10.711 33.078,7.540 29.332,7.478 Z M 35.848,2.368 C 36.766,3.651 37.097,3.832 38.095,3.558 C 38.345,3.489 38.523,3.159 38.735,2.950 C 38.499,2.756 38.281,2.426 38.025,2.395 Z M 35.307,14.487 C 35.268,17.908 32.499,20.618 29.098,20.563 C 25.615,20.506 22.916,17.747 22.947,14.274 Z</Geometry>

将该资源与单个 Path 元素而不是 ContentControl 一起使用：

<Path Data="{StaticResource MyIcon}" Fill="Blue"/>

【讨论】：