Windows 8.1中的图像覆盖XAML

Question

我正在开发Windows 8.1通用应用程序。

我在我的网格视图中使用图像，该图像又被绑定到某些应用程序模型。 现在我想添加覆盖（装饰）在图像取决于我的模型中的一些条件。 是否可以这样做？

欢呼声， Saurav

Answer 1

如果您还没有做到这一点，你应该把你的形象在GridView.ItemTemplate。然后在转换器的帮助下，根据情况添加覆盖图，并根据情况设置可见性。

<GridView.ItemTemplate> 
    <DataTemplate> 
     <Grid> 
     <Image Source="{Binding YourSource}" /> <!-- your image --> 
     <Image Source="{Binding OverlaySource}" Visibility="{Binding IsOverlayVisibleBoolean, Converter={StaticResource BooleanToVisibleConverter}" /> 
     </Grid> 
    </DataTemplate> 
</GridView.ItemTemplate> 

而且你的转换器：

public class BooleanToVisibleConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     if (value is Boolean) 
     return (Boolean)value ? Visibility.Visible : Visibility.Collapsed; 

     return Visibility.Collapsed; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, string language) 
    { 
     throw new NotImplementedException(); 
    } 
}