Windows 8.1 XAML 中的图像叠加

Question

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

我在我的网格视图中使用图像，它再次绑定到某个应用程序模型。 现在我想根据模型中的某些条件在图像上添加覆盖（装饰器）。 有可能吗？

干杯， 索拉夫

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();
   }
}