WPF ComboBox学习4--数据模板的使用

效果图如下:

 

 1. 将ComboBox绑定到系统Colors

cmbColors.ItemsSource = typeof(Colors).GetProperties();

2. 使用数据模板创建Item，创建一个正方形用当前颜色填充，后加一个文本框显示颜色名称

            <ComboBox Name="cmbColors" SelectionChanged="cmbColors_SelectionChanged">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Rectangle Fill="{Binding Name}" Width="32" Height="32" Margin="2,2,5,2" />
                            <TextBlock Text="{Binding Name}" />
                        </StackPanel>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>

3.方便观察选择的项，将窗口背景改变了选择的颜色

        private void cmbColors_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            Color selectedColor = (Color)(cmbColors.SelectedItem as PropertyInfo).GetValue(null, null);
            this.Background = new SolidColorBrush(selectedColor);
        }

加上3个Button,来改变窗口背景色。 

<WrapPanel Margin="15" HorizontalAlignment="Center">
                <Button Name="btnPrevious" Click="btnPrevious_Click" Width="55">Previous</Button>
                <Button Name="btnNext" Click="btnNext_Click" Margin="5,0" Width="55">Next</Button>
                <Button Name="btnBlue" Click="btnBlue_Click" Width="55">Blue</Button>
            </WrapPanel>

后台代码：

        private void btnPrevious_Click(object sender, RoutedEventArgs e)
        {
            if (cmbColors.SelectedIndex > 0)
                cmbColors.SelectedIndex = cmbColors.SelectedIndex - 1;
        }

        private void btnNext_Click(object sender, RoutedEventArgs e)
        {
            if (cmbColors.SelectedIndex < cmbColors.Items.Count - 1)
                cmbColors.SelectedIndex = cmbColors.SelectedIndex + 1;

        }

        private void btnBlue_Click(object sender, RoutedEventArgs e)
        {
            cmbColors.SelectedItem = typeof(Colors).GetProperty("Blue");
        }