WPF中ComboBox使用_.NET_编程开发_程序员俱乐部

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>