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