WPF中ComboBox使用

1、数据绑定

前台代码：

<ComboBox Height="23" HorizontalAlignment="Left" Margin="86,143,0,0" Name="comboBox1" VerticalAlignment="Top" Width="120">
</ComboBox>

后台代码：

class ProductImg //声明类
{
int id;

public int Id
{
get { return id; }
set { id = value; }
}
string img;

public string Img
{
get { return img; }
set { img = value; }
}
}

ObservableCollection<ProductImg> imgs = new ObservableCollection<ProductImg>(); //集合，即数据源

comboBox1.SelectedValuePath = "Id"; //程序内部维护的值
comboBox1.DisplayMemberPath = "Img"; //显示的内容
comboBox1.ItemsSource = imgs; //数据源
comboBox1.SelectedValue = 3； //选中的值

2、在ComboBox中显示图像



代码：

<ComboBox Height="33" HorizontalAlignment="Right" Margin="0,94,31,0" x:Name="comboBox1" VerticalAlignment="Top" Width="142" SelectedIndex="0">
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Image Source="Images/roles.png" Height="30" />
<TextBlock Text="Select a role" />
</StackPanel>
</ComboBoxItem>
<ComboBoxItem Background="LightCoral">
<StackPanel Orientation="Horizontal">
<Image Source="Images/cashier.gif" Height="30" />
<TextBlock Text="Cashier" />
</StackPanel>
</ComboBoxItem>
<ComboBoxItem Background="LightGreen">
<StackPanel Orientation="Horizontal">
<Image Source="Images/manager.gif" Height="30" />
<TextBlock Text="Manager" />
</StackPanel>
</ComboBoxItem>
</ComboBox>