uwp 中的按钮图标着色

Question

我有一个按钮，里面有一个白色的图标。如何使用 XAML 更改图标的颜色？

Android 支持像这样为 ImageView 着色：

<ImageView android:layout_width="@dimen/toolbar_icon_size" android:layout_height="@dimen/toolbar_icon_size" android:src="@drawable/btn_home" android:tint="@{@android:color/black}" />

如何在 XAML/UWP 中执行此操作？

---

我的代码

资源文件：

 <Image x:Key="icon_home" Stretch="Fill" Source="ms-appx:///Assets/ToolbarIcons/drawable-xhdpi/btn_home.png"/>

页面文件：

<UserControl.Resources>
    <ResourceDictionary Source="ms-appx:///Resources/Images.xaml" />
</UserControl.Resources>

---

<Button Width="40" Height="40" Content="{StaticResource icon_home}" />

Answer 1

您应该使用 BitmapIcon 而不是 od Image。这样你就不必使用矢量，但你可以给它着色。您不必使用完整路径“ms-appx:///Assets/ToolbarIcons/drawable-xhdpi”，而只需键入“Assets/...”

<BitmapIcon x:Name="icon_home" UriSource="Assets/ToolbarIcons/drawable-xhdpi/btn_home.png" Foreground="Red"/>