使用DataTemplate在ComboBox中綁定圖像

我正在使用現有的代碼。這件事有一個ComboBox與幾個ComboBoxItems。每個項目都有一個StackPanel，裏面有一個Image控件和一個TextBlock。使用DataTemplate在ComboBox中綁定圖像

現在，Image控件的source屬性設置爲存儲在XAML文件中的不同矢量圖像，而TextBlock的Text屬性設置爲本地化字符串。

我想通過使用DataTemplate單獨使用ComboBoxItems來實現此目的。我可以爲TextBlock創建一個字符串列表，但我無法弄清楚如何將圖像綁定到各自的圖像控件。

我接受任何其他更好的解決方案。另外，如果您認爲正確的做法是現有的，請告訴我。

這可能是一個重複的問題，但我找不到滿足我的問題的問題。如果是，則指向其他問題的鏈接就足夠了。

編輯：代碼添加

<ComboBox x:Name="imageInfoLevelsComboBox" SelectedIndex="1" 
      Style="{DynamicResource ComboBoxToolBarStyle}" 
      Margin="6,6,6,0" Width="50" 
      ToolTip="{x:Static Viewing:ViewingTexts.ImageInformationLevels}" 
      SelectionChanged="OnImageInfoLevelsComboBoxSelectionChanged" > 
    <ComboBoxItem x:Name="showAllComboBoxItem" 
        Style="{DynamicResource ComboBoxItemToolBarStyle}"> 
     <StackPanel Orientation="Horizontal"> 
      <Image x:Name="ImageInfoAllImage" 
        Source="{StaticResource ImageInfoFullIcon}" 
        Margin="0,0,4,0" 
        Width="24" Height="24"/> 
      <TextBlock 
       Text="{x:Static Viewing:ViewingTexts.ImageInformationFull}" 
       Margin="10,0,0,0" 
       VerticalAlignment="Center"/> 
     </StackPanel> 
    </ComboBoxItem> 
    <ComboBoxItem x:Name="showImportantComboBoxItem" 
     Style="{DynamicResource ComboBoxItemToolBarStyle}"> 
     <StackPanel Orientation="Horizontal"> 
      <Image x:Name="ImageInfoImportantImage" 
        Source="{StaticResource ImageInfoLimitedIcon}" 
        Margin="0,0,4,0" 
        Width="24" Height="24"/> 
      <TextBlock 
       Text="{x:Static Viewing:ViewingTexts.ImageInformationIntermediate}" 
         Margin="10,0,0,0" 
         VerticalAlignment="Center"/> 
     </StackPanel> 
    </ComboBoxItem> 
    <ComboBoxItem x:Name="showNotificationsComboBoxItem" 
     Style="{DynamicResource ComboBoxItemToolBarStyle}"> 
     <StackPanel Orientation="Horizontal"> 
      <Image x:Name="ImageInfoNotificationsImage" 
       Source="{StaticResource ImageInfoNoneIcon}" 
       Margin="0,0,4,0" Width="24" Height="24"/> 
      <TextBlock Text="{x:Static Viewing:ViewingTexts.ImageInformationNone}" 
         Margin="10,0,0,0" VerticalAlignment="Center"/> 
     </StackPanel> 
    </ComboBoxItem> 
</ComboBox>

我想我可以做的就是創建一個類有2個對象，字符串類型之一，另一個爲圖像。然後創建一個列表並將其與組合框綁定，但問題是我無法確定如何將矢量圖像用作對象。

謝謝。

來源

2013-02-28 Shakti Prakash Singh

請查看現有的XAML – mathieu 2013-02-28 10:56:11

@mathieu結合 - 發佈供大家參考代碼。 – 2013-02-28 11:48:17

我認爲你需要綁定一個至少有兩個屬性的對象列表，而不僅僅是一個字符串列表。一個屬性將包含文本塊的字符串，另一個屬性將是該圖像的一個源。

參考此鏈接的實例，urisource定義Wpf - relative image source path

來源

2013-02-28 11:22:00 failedprogramming

這聽起來像它應該工作，但如果你看到我發佈的代碼，圖像綁定到StaticResource。這仍然有效嗎？ – 2013-02-28 11:36:18

我沒有注意到你如何定義你的靜態資源，但如果它們在你的項目中，你可以看看這個鏈接，看看如何從代碼設置urisource http://stackoverflow.com/questions/4524066/absolute-urisource -of-a-resource-image – failedprogramming 2013-02-28 11:43:30

好的，我剛剛看到你對於因素圖像的評論。我認爲你可以使用查找資源從代碼訪問靜態資源，但我從來沒有嘗試過。如果有關何時顯示哪個圖像的規則，則可以使用數據觸發器來實現此目的。您可能在對象中有第三個屬性，它決定綁定哪個圖像，並使用數據觸發器來更改綁定。這裏是一個關於數據觸發器的例子http://stackoverflow.com/questions/1786477/change-image-using-trigger-wpf-mvvm。需要注意的是，在示例中，您需要將該值綁定到靜態資源而非urisource – failedprogramming 2013-02-28 11:58:39