WPF自定义ComboBox

在WPF中，可以通过继承ComboBox类并重写其默认模板，来实现自定义ComboBox的样式和行为。下面是一个简单的例子，演示如何创建一个带有自定义下拉框项的ComboBox。

首先，创建一个名为CustomComboBox的类，继承自ComboBox。然后，在类的构造函数内部，通过调用DefaultStyleKey属性，并传递ComboBox类型，来指定ComboBox的默认样式。

public class CustomComboBox : ComboBox
{
    public CustomComboBox()
    {
        DefaultStyleKey = typeof(ComboBox);
    }
}

接下来，需要定义ComboBox的模板。在模板中，我们可以指定ComboBox的各个部分的样式和行为。

<Style TargetType="{x:Type local:CustomComboBox}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:CustomComboBox}">
                <Grid>
                    <ToggleButton x:Name="PART_ToggleButton" 
                                  Grid.Column="2" 
                                  Focusable="false" 
                                  IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" 
                                  ClickMode="Press">
                        <ToggleButton.Template>
                            <ControlTemplate TargetType="{x:Type ToggleButton}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition/>
                                        <ColumnDefinition Width="20"/>
                                    </Grid.ColumnDefinitions>
                                    <Border x:Name="Border" 
                                            Grid.ColumnSpan="2" 
                                            CornerRadius="4" 
                                            Background="{TemplateBinding Background}" 
                                            BorderBrush="{TemplateBinding BorderBrush}" 
                                            BorderThickness="{TemplateBinding BorderThickness}"/>
                                    <Path x:Name="Arrow" 
                                          Grid.Column="1" 
                                          Fill="{TemplateBinding Foreground}" 
                                          HorizontalAlignment="Center" 
                                          VerticalAlignment="Center" 
                                          Data="M 0 0 L 4 4 L 8 0 Z"/>
                                </Grid>
                            </ControlTemplate>
                        </ToggleButton.Template>
                    </ToggleButton>
                    <ContentPresenter x:Name="PART_ContentPresenter" 
                                      Margin="5, 0, 0, 0" 
                                      HorizontalAlignment="Left" 
                                      VerticalAlignment="Center" 
                                      ContentSource="SelectedItem" 
                                      RecognizesAccessKey="True"/>
                    <Popup x:Name="PART_Popup" 
                           AllowsTransparency="true" 
                           IsOpen="{TemplateBinding IsDropDownOpen}" 
                           Placement="Bottom" 
                           Focusable="false">
                        <Grid x:Name="DropDown" 
                              SnapsToDevicePixels="true" 
                              MinWidth="{TemplateBinding ActualWidth}" 
                              MaxHeight="200">
                            <Border x:Name="DropDownBorder" 
                                    Background="{StaticResource {x:Static SystemColors.WindowBrushKey}}" 
                                    BorderThickness="1" 
                                    BorderBrush="{StaticResource {x:Static SystemColors.ActiveBorderBrushKey}}"/>
                            <ScrollViewer Margin="4,6,4,6" 
                                          SnapsToDevicePixels="true">
                                <StackPanel IsItemsHost="true" 
                                            KeyboardNavigation.DirectionalNavigation="Contained"/>
                            </ScrollViewer>
                        </Grid>
                    </Popup>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

在模板中，我们使用了一个ToggleButton来控制下拉框的打开关闭。另外，使用了一个ContentPresenter来展示选中的项，在Popup中使用了一个StackPanel来展示下拉框选项。

最后，使用CustomComboBox来创建自定义ComboBox，并添加下拉框选项。

<local:CustomComboBox Width="150">
    <ComboBoxItem>Item 1</ComboBoxItem>
    <ComboBoxItem>Item 2</ComboBoxItem>
    <ComboBoxItem>Item 3</ComboBoxItem>
</local:CustomComboBox>

这样，就可以创建一个具有自定义下拉框项的ComboBox了。