c# - 如何通过绑定(bind)MVVM为Image控件设置特定的ThemeResource？

Question

我有一个应用程序，我在其中定义了多个 ThemeResources 来为我想使用的多个图像设置正确的源。我有大约一打图像，我可以让应用程序根据需要自动设置浅色或深色主题。

<ResourceDictionary>
  <ResourceDictionary.ThemeDictionaries>
    <ResourceDictionary x:Key="Light">
        <Style x:Key="ShowImage" TargetType="Image">
            <Setter Property="Source" Value="Assets/image-light.png"/>                            
        </Style>
    </ResourceDictionary>
    <ResourceDictionary x:Key="Dark">
        <Style x:Key="ShowImage" TargetType="Image">
            <Setter Property="Source" value="Assets/image-dark.png"/>
        </Style>
    </ResourceDictionary>                
</ResourceDictionary.ThemeDictionaries>

现在，如果我想在 XAML 中内联设置特定图像，我可以使用以下代码。

<Grid>        
    <Image HorizontalAlignment="Center" 
       VerticalAlignment="Center" 
       Stretch="None" 
       Style="{ThemeResource ShowImage}">
    </Image>
</Grid>

这对我所有的图像都非常有效，并且始终遵循正确的主题。

我现在正在尝试更改此代码。我必须显示的图像基于我在 MVVM ViewModel 中执行的一些逻辑和计算。

在我的 ViewModel 中，我有一个类型为字符串“ImageToShow”的属性，其中包含必须显示的图像的 ThemeResource 的名称。

我想使用 ViewModel 中的属性对 Image 控件执行 ThemeResource 分配。因此，例如以下 .. 在这种情况下，属性 ImageToshow 将包含字符串值 ShowImage。

<Grid>        
    <Image HorizontalAlignment="Center" 
       VerticalAlignment="Center" 
       Stretch="None" 
       Style="{ThemeResource ImageToShow}">
    </Image>
</Grid>

然而，这给了我一个 XamlParseException。

是否可以通过 MVVM 绑定(bind)来设置 ThemeResource？或者我应该使用某种转换器来确保字符串的值用于选择 ThemeResource。

Answer 1

我相信您应该能够使用 Application.Current.Resources 对象访问当前所选主题的相关资源...例如:

Image image = (Image)Application.Current.Resources["ShowImage"];

因此，您应该能够像这样从 View 模型属性的 setter 中返回该值:

public Image ImageToShow
{
    get { return (Image)Application.Current.Resources["ShowImage"]; }
}

唯一的问题是，当属性值发生变化时，您需要手动通知 INotifyPropertyChanged 接口(interface)，以便 UI 收到更改通知:

NotifyPropertyChanged("ImageToShow");

您可以在 User Interface : Detecting Changes in the Theme Template 中找到如何执行此操作的示例MSCerts 网站上的页面。

请引用How to apply theme resources for Windows Phone MSDN 上的页面以获取更多信息。