为什么这个可编辑的 ComboBox 中的插入符号超出了界限？答案

【问题标题】：Why is the caret in this editable ComboBox exceeding the bounds?为什么这个可编辑的 ComboBox 中的插入符号超出了界限？
【发布时间】：2012-01-03 07:58:44
【问题描述】：

我正在尝试基于 msdn 示例为组合框构建模板，但我遇到了奇怪的错误。更准确地说，如果我在普通组合框中写长文本，则文本会向左移动，我们总是看到插入符号。但是，在我编写长文本插入符号的 msdn 示例中，插入符号超出了组合。这是它的样子：

当我选择文本时，它看起来像这样：

我使用了来自 Framework 3.5 和 Framework 4 组合框帮助，在复制和粘贴之后，我一直遇到同样的情况。感谢您的帮助。

编辑：

    <Window x:Class="ComboBoxTest.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Framework 3.5" Height="350" Width="525">

    <Window.Resources>
        <ControlTemplate x:Key="ComboBoxToggleButton" TargetType="ToggleButton">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition Width="20" />
                </Grid.ColumnDefinitions>
                <Border x:Name="Border" Grid.ColumnSpan="2" CornerRadius="2" Background="White"
                        BorderBrush="Black" BorderThickness="1" />
                <Border Grid.Column="0" CornerRadius="2,0,0,2" Margin="1" Background="#FFF"
                        BorderBrush="Black" BorderThickness="0,0,1,0" />
                <Path x:Name="Arrow" Grid.Column="1" Fill="#444" HorizontalAlignment="Center"
                      VerticalAlignment="Center" Data="M 0 0 L 4 4 L 8 0 Z" />
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="ToggleButton.IsMouseOver" Value="true">
                    <Setter TargetName="Border" Property="Background" Value="Black" />
                </Trigger>
                <Trigger Property="ToggleButton.IsChecked" Value="true">
                    <Setter TargetName="Border" Property="Background" Value="LightGray" />
                </Trigger>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter TargetName="Border" Property="Background" Value="#EEE" />
                    <Setter TargetName="Border" Property="BorderBrush" Value="#AAA" />
                    <Setter Property="Foreground" Value="#888" />
                    <Setter TargetName="Arrow" Property="Fill" Value="#888" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

        <!-- something is wrong here but what?? -->
        <ControlTemplate x:Key="ComboBoxTextBox" TargetType="TextBox">
            <Border x:Name="PART_ContentHost" Focusable="False" />
        </ControlTemplate>

        <Style x:Key="MsComboBox" TargetType="ComboBox">
            <Setter Property="SnapsToDevicePixels" Value="true" />
            <Setter Property="OverridesDefaultStyle" Value="true" />
            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
            <Setter Property="ScrollViewer.CanContentScroll" Value="true" />
            <Setter Property="MinWidth" Value="120" />
            <Setter Property="MinHeight" Value="20" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ComboBox">
                        <Grid>
                            <ToggleButton Name="ToggleButton" Template="{StaticResource ComboBoxToggleButton}" Grid.Column="2"
                                          Focusable="false" IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}"
                                          ClickMode="Press"></ToggleButton>

                            <ContentPresenter Name="ContentSite" IsHitTestVisible="False" Content="{TemplateBinding SelectionBoxItem}"
                                              ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                                              ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" Margin="3,3,23,3" VerticalAlignment="Center"
                                              HorizontalAlignment="Left" />

                            <TextBox x:Name="PART_EditableTextBox" 
                                    Style="{x:Null}" 
                                    Template="{StaticResource ComboBoxTextBox}"
                                    HorizontalAlignment="Left" VerticalAlignment="Center" Margin="3,3,23,3" Focusable="True" Background="Transparent"
                                    Visibility="Hidden" IsReadOnly="{TemplateBinding IsReadOnly}" />

                            <Popup Name="Popup" Placement="Bottom" IsOpen="{TemplateBinding IsDropDownOpen}" AllowsTransparency="True"
                                   Focusable="False" PopupAnimation="Slide">
                                <Grid Name="DropDown" SnapsToDevicePixels="True" MinWidth="{TemplateBinding ActualWidth}"
                                      MaxHeight="{TemplateBinding MaxDropDownHeight}">
                                    <Border x:Name="DropDownBorder" Background="Black" BorderThickness="1"
                                            BorderBrush="#888" />
                                    <ScrollViewer Margin="4,6,4,6" SnapsToDevicePixels="True">
                                        <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" />
                                    </ScrollViewer>
                                </Grid>
                            </Popup>
                        </Grid>
                        <ControlTemplate.Triggers>                              
                            <Trigger Property="IsEditable" Value="true">
                                <Setter Property="IsTabStop" Value="false" />
                                <Setter TargetName="PART_EditableTextBox" Property="Visibility" Value="Visible" />
                                <Setter TargetName="ContentSite" Property="Visibility" Value="Hidden" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <Grid>
        <ComboBox Height="23" HorizontalAlignment="Left" Margin="12,12,0,0" Name="comboBox1" VerticalAlignment="Top" IsEditable="True"
                  Width="185" Style="{StaticResource MsComboBox}" />
        <ComboBox Height="23" HorizontalAlignment="Left" Margin="12,41,0,0" Name="comboBox2" VerticalAlignment="Top" IsEditable="True" Width="185" />

    </Grid>
</Window>

【问题讨论】：

请为您的组合框发布 XAML。
所以你想让我们调试一些你只是从某个地方复制粘贴的糟糕 XAML，甚至没有自己阅读它吗？
嘿。我将发布我的代码，但它很长而且与 MSDN 上的代码非常相似。它不是蹩脚的 XAML，而是来自官方 MSDN 页面的 XAML。我认为每个搜索组合框模板的人都会遇到这个示例，也许有人告诉我他们有什么问题，或者有人知道一个更好的模板示例。我不知道为什么文本框的行为不像它应该的那样。
您发布的 XAML 是否行为不端？删除边框会发生什么？我不会包含水平滚动条。
@bizon: 只是因为在 MSDN 上 does not mean that it is perfect.

标签： c# wpf combobox

【解决方案1】：

您的Border 不包含在内容离开屏幕时自动滚动内容的功能，因此它只是继续绘制它。将其更改为 ScrollViewer 即可。

<ControlTemplate x:Key="ComboBoxTextBox" TargetType="TextBox">
    <ScrollViewer x:Name="PART_ContentHost" Focusable="False" />
</ControlTemplate>

【讨论】：