UserControl更新圖像基於數據類型

Question

我有一個程序，顯示客戶，公司或員工的信息。我想在此圖像旁顯示一個圖標，並根據我顯示的信息類型（客戶，公司或員工）更改圖標。

我在我的資源字典以下設置指定圖片：

<ImageSource x:Key="CompanyIcon">../Images/companies_32.png</ImageSource> 
<ImageSource x:Key="EmployeeIcon">../Images/employee_32.png</ImageSource> 
<ImageSource x:Key="CustomerIcon">../Images/customer_32.png</ImageSource> 

在我的視圖模型，我想基於什麼數據類型我一起工作的形象來分配。例如，如果我正在查看公司的信息（使用EF 4.5的'Company'類型的DBContext），我想將圖像設置爲'CompanyIcon'。

我該如何爲視圖模型分配圖像（並在「公司」，「員工」或「客戶」DBContext類型之間進行更改時將其更改），然後將此圖像綁定到視圖中的佔位符在網格列中顯示）。

Answer 1

我會用一個DataTrigger，基於對象類型設置Image.Source，並使用用於獲取類型

返回 typeof(value)一個轉換器0

<Style x:Key="MyStyle" TargetType="{x:Type Image}"> 
    <!-- Default Value --> 
    <Setter Property="Source" Value="{StaticResource CompanyIcon}" /> 

    <Style.Triggers> 
     <DataTrigger Binding="{Binding Converter={StaticResource ObjectToTypeConverter}}" 
        Value="{x:Type local:Employee}"> 
      <Setter Property="Source" Value="{StaticResource EmployeeIcon}" /> 
     </DataTrigger> 
     <DataTrigger Binding="{Binding Converter={StaticResource ObjectToTypeConverter}}" 
        Value="{x:Type local:Customer}"> 
      <Setter Property="Source" Value="{StaticResource CustomerIcon}" /> 
     </DataTrigger> 
    </Style.Triggers> 
</Style> 

我通常使用該轉換器看起來就像這樣：

public class ObjectToTypeConverter : IValueConverter 
{ 
    #region IValueConverter Members 

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     if (value == null) 
      return null; 

     return value.GetType(); 
    } 

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

    #endregion 
} 

Answer 2

我所做的是在VM中指向圖像位置的字符串屬性（不知道這是否是最好的方法，但它的工作非常適合我）：

private string _imageSource; 
public string ImageSource 
{ 
    get 
    { 
    return _imageSource; 
    } 
    set 
    { 
     _imageSource = value; 
     NotifyPropertyChanged(() => ImageSource); 
    } 

} 

public void SetImage() 
{ 
    If (customer) 
     ImageSource = "../Images/companies_32.png"; 
    ... 
} 

在XAML

：

<Image Source="{Binding ImageSource}" .../>