如何让DataGridComboBoxColumn显示下拉箭头？已修改ComboBoxToggleButton路径

你这个思路完全没问题！要给DataGridComboBoxColumn加上清晰的小向下箭头来标识它是下拉组件，修改ComboBoxToggleButton里的Path确实是核心操作，我帮你把完整的样式实现整理出来，确保箭头能正常显示，同时不影响原有下拉弹窗的功能：

<Style x:Key="CustomComboBoxToggleButtonStyle" TargetType="{x:Type ToggleButton}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ToggleButton}">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="20"/> <!-- 给箭头预留固定宽度，避免被挤压 -->
                    </Grid.ColumnDefinitions>
                    <!-- 输入区域背景容器 -->
                    <Border x:Name="Border" 
                            Grid.ColumnSpan="2"
                            Background="White"
                            BorderBrush="#CCCCCC"
                            BorderThickness="1"
                            CornerRadius="2"/>
                    <!-- 你自定义的小向下箭头 -->
                    <Path x:Name="Arrow" 
                          Grid.Column="1" 
                          VerticalAlignment="Center" 
                          HorizontalAlignment="Center"
                          Data="M 0 0 L 6 6 L 12 0 Z"
                          Fill="Gray"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <!-- 鼠标悬停时的边框变化 -->
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="Border" Property="BorderBrush" Value="#999999"/>
                    </Trigger>
                    <!-- 按钮按下时的边框变化 -->
                    <Trigger Property="IsPressed" Value="True">
                        <Setter TargetName="Border" Property="BorderBrush" Value="#666666"/>
                    </Trigger>
                    <!-- 下拉展开时箭头加深颜色 -->
                    <Trigger Property="IsChecked" Value="True">
                        <Setter TargetName="Arrow" Property="Fill" Value="#666666"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<!-- 应用到DataGridComboBoxColumn的完整ComboBox样式 -->
<Style x:Key="CustomDataGridComboBoxStyle" TargetType="{x:Type ComboBox}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ComboBox}">
                <Grid>
                    <ToggleButton x:Name="ToggleButton" 
                                  Style="{StaticResource CustomComboBoxToggleButtonStyle}"
                                  IsChecked="{Binding Path=IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                  Focusable="False"/>
                    <!-- 选中项的显示容器 -->
                    <ContentPresenter x:Name="ContentSite"
                                      IsHitTestVisible="False"
                                      Content="{TemplateBinding SelectionBoxItem}"
                                      ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                                      Margin="8,3,23,3"
                                      VerticalAlignment="Center"/>
                    <!-- 保留你默认的Popup部分，无需修改 -->
                    <Popup x:Name="Popup"
                           Placement="Bottom"
                           IsOpen="{TemplateBinding IsDropDownOpen}"
                           AllowsTransparency="True"
                           Focusable="False"
                           PopupAnimation="Slide">
                        <Grid x:Name="DropDown"
                              SnapsToDevicePixels="True"
                              MinWidth="{TemplateBinding ActualWidth}"
                              MaxHeight="{TemplateBinding MaxDropDownHeight}">
                            <Border x:Name="DropDownBorder"
                                    Background="White"
                                    BorderThickness="1"
                                    BorderBrush="#CCCCCC"/>
                            <ScrollViewer Margin="4,6,4,6" SnapsToDevicePixels="True">
                                <ItemsPresenter KeyboardNavigation.DirectionalNavigation="Contained"/>
                            </ScrollViewer>
                        </Grid>
                    </Popup>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

几个关键细节说明： #

• 我给箭头所在的列设置了固定宽度20，确保箭头不会被单元格内容挤压变形，始终保持居中显示
• 增加了几个交互触发样式，让组件在鼠标悬停、按下、下拉展开时有视觉反馈，提升用户体验
• 你保留默认Popup的做法非常正确，下拉弹窗的功能逻辑和箭头样式是完全独立的，只要ToggleButton的IsChecked和ComboBox的IsDropDownOpen绑定正确，弹窗就能正常工作

把这个样式绑定到你的DataGridComboBoxColumn的ElementStyle和EditingElementStyle上，就能看到你想要的小箭头效果啦！

内容的提问来源于stack exchange，提问作者Edgar