更改動態組合框中ComboBox項目的文本樣式

Question

我的窗體中顯示ComboBox，顯示可用COM端口的列表。這是我寫的代碼：

[XAML]

<Window x:Class="test1.MainWindow" x:Name="cbtest1" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="200" Width="200"> 
    <Grid> 
     <StackPanel Margin="40"> 
      <ComboBox x:Name="com_ports" ItemsSource="{Binding PortsList}"/> 
     </StackPanel> 
    </Grid> 
</Window> 

背後

using System; 
using System.Collections.Generic; 
using System.Collections.ObjectModel; 
using System.ComponentModel; 
using System.Windows; 
using System.Windows.Controls; 

namespace test1 
{ 
    public partial class MainWindow : Window 
    { 
     public MainWindow() 
     { 
      var ports = new List<string>(System.IO.Ports.SerialPort.GetPortNames()); 
      var cb = new ObservableCollection<ComboBoxItem>(); 
      foreach (var x in ports) 
      { 
       cb.Add(new ComboBoxItem { Content = x }); 
       var p = new System.IO.Ports.SerialPort(x); 
       if (p.IsOpen) 
       { 
        // Bold that item in the combobox 
       } 
      } 
      PortsList = cb; 
      this.DataContext = this; 
      InitializeComponent(); 
     } 
     public ObservableCollection<ComboBoxItem> PortsList { get; set; } 
    } 
} 

現在的代碼，我在代碼中有評論，我想組合框顯示開闊港口黑體。我不知道該怎麼做。我在SO和google上搜索了一段時間，但沒有運氣。我很感激，如果有人簡單地向我解釋這一點 - WPF/C＃noob。

Answer 1

最簡單的變化將是

 foreach (var x in ports) 
     { 
      var addMe = new ComboBoxItem { Content = x }; 
      cb.Add(addMe); 
      var p = new System.IO.Ports.SerialPort(x); 
      if (p.IsOpen) 
      { 
       addMe.FontWeight = FontWeights.Bold; 
      } 
     } 

Answer 2

在WPF將更改應用於元素通過覆蓋有顯示模板。

一個很好的起點，以瞭解它是這個小教程在這裏： link

請注意，這種做法似乎有點複雜，但它也很靈活，你可以使用此做各種其他事情。

林沒有Visual Studio中寫這一點，所以可能會有一些語法錯誤

爲了您的具體的例子我可以使用下面的模型類，所以你可以綁定某些屬性，更容易：

public class MyPortModel : INotifyPropertyChanged 
{ 
    private string _displayName; 
    private bool _isOpen; 

    public string DisplayName 
    { 
     get { return _displayName; } 
     set 
     { 
      _displayName = value; 
      OnPropertyChanged("DisplayName"); 
     } 
    } 

    public bool IsOpen 
    { 
     get { return _isOpen; } 
     set 
     { 
      _isOpen = value; 
      OnPropertyChanged("IsOpen"); 
     } 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) 
    { 
     PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); 
    } 
} 

然後將您的代碼更改爲以下內容：

public MainWindow() 
{ 
    var ports = new List<string>(System.IO.Ports.SerialPort.GetPortNames()); 
    var cb = new ObservableCollection<MyPortModel>(); 
    foreach (var x in ports) 
    { 
     var p = new System.IO.Ports.SerialPort(x); 
     cb.Add(new MyPortModel { DisplayName = x,IsOpen = p.IsOpen}); 
    } 
    PortsList = cb; 
    this.DataContext = this; 
    InitializeComponent(); 
} 
public ObservableCollection<MyPortModel> PortsList { get; set; } 

並使用此模板顯示該項目s：

<ComboBox x:Name="com_ports" 
      ItemsSource="{Binding PortsList}"> 
    <ComboBox.Resources> 
     <local:IsOpenBoldConverter x:Key="IsOpenConverter"/> 
    </ComboBox.Resources> 
    <ComboBox.ItemTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding Path=DisplayName, UpdateSourceTrigger=PropertyChanged}" 
         FontWeight="{Binding Path=IsOpen, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource IsOpenConverter}}"/> 
     </DataTemplate> 
    </ComboBox.ItemTemplate> 
</ComboBox> 

正如您所看到的轉換器用於能夠決定該項目是否應顯示爲粗體或正常。 繼承人的轉換代碼：

public class IsOpenBoldConverter:IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     if (value is bool) 
     { 
      return ((bool) value) ? FontWeights.Bold : FontWeights.Normal; 
     } 
     return FontWeights.Normal; 
    } 

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