ViewBox中的WPF TextBox在调整大小时丢失了光标

时间:2016-04-21 14:56:35

标签: wpf textbox viewbox

我在视图框中有一个文本框。当我尝试调整窗口大小时,文本框大小和字体大小会缩放,但如果我尝试聚焦文本框并尝试使用键盘将光标移动到文本框内,有时光标会消失。有没有办法始终显示光标?请参阅以下代码,ViewBox中的TextBox。

<Window x:Class="Resolution_Learning.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow">
<Viewbox Stretch="Uniform">
    <Grid Width="2560" Height="1440" >
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Label Grid.Row="0" Grid.Column="0" Content="Hello"/>
        <TextBox  Grid.Row="0" Grid.Column="1"></TextBox>
        <Label Grid.Row="0" Grid.Column="2" Content="Hello"/>
        <TextBox Grid.Row="0" Grid.Column="3"/>
        <Label Grid.Row="1" Grid.Column="0" Content="Hello"/>
        <TextBox Grid.Row="1" Grid.Column="1"/>
        <Label Grid.Row="1" Grid.Column="2" Content="Hello"/>
        <TextBox Grid.Row="1" Grid.Column="3"/>
    </Grid>
</Viewbox>

3 个答案:

答案 0 :(得分:1)

WPF中的BUG 。我通过为TextBox Caret创建自己的风格来实现这一目标。

XAML: Style for TextBox

<Style TargetType="{x:Type TextBox}" x:Key="CaretStyle" >
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Canvas>                                    
                                <TextBox x:Name="Box" CaretBrush="Transparent"  Width="{Binding RelativeSource={RelativeSource AncestorType=TextBox},Path=ActualWidth,Mode=OneWay}" 
                                          Height="{Binding RelativeSource={RelativeSource AncestorType=TextBox},Path=ActualHeight,Mode=OneWay}"/>
                                <Border x:Name="Caret" 
                                    Visibility="Collapsed"
                                    Canvas.Left="0" Canvas.Top="0" Margin="0" Padding="0"
                                    Width="1"  Height="16"  Background="Black">                                        
                                    <Border.Triggers>
                                        <EventTrigger RoutedEvent="Border.Loaded">
                                            <BeginStoryboard>
                                                <Storyboard  x:Name="CaretStoryBoard" 
                                     RepeatBehavior="Forever">
                                                    <ColorAnimationUsingKeyFrames 
                                    Storyboard.TargetProperty="Background.Color"
                                    Duration="0:0:0:1"
                                    FillBehavior="HoldEnd">
                                                        <ColorAnimationUsingKeyFrames.KeyFrames >
                                                            <DiscreteColorKeyFrame KeyTime="0:0:0.750" 
                    Value="Transparent" />
                                                            <DiscreteColorKeyFrame KeyTime="0:0:0.000" 
                    Value="Black"/>
                                                        </ColorAnimationUsingKeyFrames.KeyFrames>
                                                    </ColorAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </EventTrigger>                                            
                                    </Border.Triggers>
                                </Border>
                            </Canvas>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <EventSetter Event="SelectionChanged" Handler="CustomTextBox_SelectionChanged"/>
                <EventSetter Event="GotFocus" Handler="CustomTextBox_GotFocus" />
                <EventSetter Event="LostFocus" Handler="CustomTextBox_LostFocus" />
            </Style>

活动: For Caret Position

 void CustomTextBox_LostFocus(object sender, RoutedEventArgs e)
    {
        var Caret = FindChild<Border>(sender as DependencyObject, "Caret");
        Caret.Visibility = Visibility.Collapsed;
    }

    void CustomTextBox_GotFocus(object sender, RoutedEventArgs e)
    {
        var Caret = FindChild<Border>(sender as DependencyObject, "Caret");
        Caret.Visibility = Visibility.Visible;
    }

    void CustomTextBox_SelectionChanged(object sender, RoutedEventArgs e)
    {
        var CustomTextBox = FindChild<TextBox>(sender as DependencyObject, "Box");
        var caretLocation = CustomTextBox.GetRectFromCharacterIndex(CustomTextBox.CaretIndex).Location;
        var Caret = FindChild<Border>(sender as DependencyObject, "Caret");
        if (!double.IsInfinity(caretLocation.X))
        {
            Canvas.SetLeft(Caret, caretLocation.X);
        }

        if (!double.IsInfinity(caretLocation.Y))
        {
            Canvas.SetTop(Caret, caretLocation.Y);
        }
    }

助手方法: To Get Visual Child

     public static T FindChild<T>(DependencyObject parent, string childName)
   where T : DependencyObject
        {
            // Confirm parent and childName are valid. 
            if (parent == null) return null;

            T foundChild = null;

            int childrenCount = VisualTreeHelper.GetChildrenCount(parent);
            for (int i = 0; i < childrenCount; i++)
            {
                var child = VisualTreeHelper.GetChild(parent, i);
                // If the child is not of the request child type child
                T childType = child as T;
                if (childType == null)
                {
                    // recursively drill down the tree
                    foundChild = FindChild<T>(child, childName);

                    // If the child is found, break so we do not overwrite the found child. 
                    if (foundChild != null) break;
                }
                else if (!string.IsNullOrEmpty(childName))
                {
                    var frameworkElement = child as FrameworkElement;
                    // If the child's name is set for search
                    if (frameworkElement != null && frameworkElement.Name == childName)
                    {
                        // if the child's name is of the request name
                        foundChild = (T)child;
                        break;
                    }
                }
                else
                {
                    // child element found.
                    foundChild = (T)child;
                    break;
                }
            }

            return foundChild;
        }
  

只需在代码中添加 Style / metods ,然后设置Style   TextBoxes随时随地查看结果。正如我创造的那样   这个我自己没有任何实际的实际测量 Caret symbol ,你可能会看到某种程度上的光影。请调整   外观&amp;感觉如果需要。

答案 1 :(得分:1)

我认为这里发生的是:

由于 ViewBox 中的所有控件都已重新调整大小,因此像素计算并不总是绘制插入符号。

为了使它成功,我们必须创建自己的插入符号。我已经在网上搜索过,如果有人已经实现了此功能,并通过 d.moncada 找到THIS文章。

我已经下载了源代码,并使用了 CustomCaretTextBox (而不是常规的 TextBox )来测试它是否能解决问题,并且!

我强烈建议您尝试使用该解决方案,因为它看起来很优雅,开箱即用,并且可以根据您的需要轻松操作。

快乐的编码! :)

答案 2 :(得分:0)

我能够通过使TextBox Stretched的样式如下来解决问题:

 <Style x:Name="TextBoxStyleTitle"
           TargetType="TextBox">
        <Setter Property="VerticalAlignment"
                Value="Stretch"></Setter>
        <Setter Property="HorizontalAlignment"
                Value="Stretch"></Setter>
 </Style>