Question

在我的应用程序中，我有一个TabControl。在一个TabItem上有三个TextBoxes，我可以通过按Tab键在它们之间切换。

现在我想用自定义 - TextBoxes替换此标准 - TextBoxes，如果文本为空，则应显示Null-Text。

我的自定义的XAML - TextBox是：

<UserControl x:Class="MyApplication.Controls.NullTextTextBox"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:converter="clr-namespace:ScM.Converter"
             mc:Ignorable="d" d:DesignHeight="24" d:DesignWidth="300"
             x:Name="nullTextTextBox" IsHitTestVisible="True" Focusable="True">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <TextBox Grid.Column="0" VerticalAlignment="Stretch" x:Name="tbInput" 
                 Text="{Binding ElementName=nullTextTextBox,Path=Text, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                 AcceptsReturn="{Binding ElementName=nullTextTextBox, Path=AcceptsReturn, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}"
                 TextWrapping="{Binding ElementName=nullTextTextBox, Path=TextWrapping, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}"
                 IsTabStop="True" />
        <TextBlock Grid.Column="0" VerticalAlignment="Top" Text="{Binding ElementName=nullTextTextBox,Path=NullText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Left"
                   FontStyle="Italic" Foreground="DarkGray" Margin="4,4,0,0" IsHitTestVisible="False"
                   Visibility="{Binding ElementName=nullTextTextBox, Path=Text, Mode=OneWay, UpdateSourceTrigger=PropertyChanged, Converter={converter:StringIsNullToVisibilityConverter}}"
                   Focusable="False"/>
        <TextBlock Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center">
            <TextBlock.Visibility>
                <MultiBinding Converter="{converter:DeleteButtonMultiConverter}">
                    <Binding ElementName="nullTextTextBox" Path="IsClearButtonVisible" Mode="OneWay" UpdateSourceTrigger="PropertyChanged"/>
                    <Binding ElementName="nullTextTextBox" Path="Text" Mode="OneWay" UpdateSourceTrigger="PropertyChanged"/>
                </MultiBinding>
            </TextBlock.Visibility>
            <Hyperlink TextDecorations="{x:Null}" Command="{Binding ElementName=nullTextTextBox, Path=ClearTextCommand, Mode=OneWay}"
                       Focusable="False" >
                <TextBlock FontFamily="Wingdings 2" Text="Î" Foreground="Red" FontWeight="Bold" FontSize="14" VerticalAlignment="Center" Margin="1,1,2,1"/>
            </Hyperlink>
        </TextBlock>
    </Grid>
</UserControl>

我想说这个xaml的代码隐藏是不相关的，因为只有DependencyProperties注册。

我的默认值 - TextBox表现得像我预期的那样。但是如果我在焦点位于一个NullTextBox内时按下Tab键，焦点将切换到TabHeader而不是第二个NullTextBox。

NullTextBox所在的xaml看起来像：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <controls:NullTextTextBox Grid.Row="0" NullText="Value 1"/>
    <controls:NullTextTextBox Grid.Row="1" NullText="Value 2"/>
    <controls:NullTextTextBox Grid.Row="2" NullText="Value 3"/>
</Grid>

当我按Tab键时，为什么我的第二个和第三个NullTextBox没有聚焦？

我发现如果删除包含超链接的TextBlock，Tab-Order按预期工作。但我需要这个TextBlock ......

我的自定义文本框的代码隐藏如下：

public partial class NullTextTextBox : UserControl, INotifyPropertyChanged
{
    public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
        "Text", typeof (string), typeof (NullTextTextBox), new PropertyMetadata(default(string)));

    public static readonly DependencyProperty NullTextProperty = DependencyProperty.Register(
        "NullText", typeof (string), typeof (NullTextTextBox), new PropertyMetadata(default(string)));

    public static readonly DependencyProperty IsClearButtonVisibleProperty = DependencyProperty.Register(
        "IsClearButtonVisible", typeof (bool), typeof (NullTextTextBox), new PropertyMetadata(default(bool)));

    public static readonly DependencyProperty AcceptsReturnProperty = DependencyProperty.Register(
        "AcceptsReturn", typeof (bool), typeof (NullTextTextBox), new PropertyMetadata(default(bool)));

    public static readonly DependencyProperty TextWrappingProperty = DependencyProperty.Register(
        "TextWrapping", typeof (TextWrapping), typeof (NullTextTextBox), new PropertyMetadata(default(TextWrapping)));

    public TextWrapping TextWrapping
    {
        get { return (TextWrapping) GetValue(TextWrappingProperty); }
        set
        {
            SetValue(TextWrappingProperty, value); 
            OnPropertyChanged();
        }
    }

    private ICommand clearTextCommand;

    public NullTextTextBox()
    {
        InitializeComponent();
        IsClearButtonVisible = false;
        Text = string.Empty;
        NullText = "Enter text here...";
        AcceptsReturn = false;
        TextWrapping = TextWrapping.NoWrap;
    }

    public bool AcceptsReturn
    {
        get { return (bool) GetValue(AcceptsReturnProperty); }
        set
        {
            SetValue(AcceptsReturnProperty, value);
            OnPropertyChanged();
        }
    }

    public ICommand ClearTextCommand
    {
        get { return clearTextCommand ?? (clearTextCommand = new RelayCommand<object>(p => ClearText())); }
    }

    public bool IsClearButtonVisible
    {
        get { return (bool) GetValue(IsClearButtonVisibleProperty); }
        set
        {
            SetValue(IsClearButtonVisibleProperty, value);
            OnPropertyChanged();
        }
    }

    public string Text
    {
        get { return (string) GetValue(TextProperty); }
        set
        {
            SetValue(TextProperty, value);
            OnPropertyChanged();
        }
    }

    public string NullText
    {
        get { return (string) GetValue(NullTextProperty); }
        set
        {
            SetValue(NullTextProperty, value);
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void ClearText()
    {
        Text = string.Empty;
        tbInput.Focus();
    }

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
    }
}

和使用的转换器：

internal class DeleteButtonMultiConverter : MarkupExtension, IMultiValueConverter
{
    private static DeleteButtonMultiConverter converter;

    public DeleteButtonMultiConverter()
    {

    }

    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values != null && values.Length == 2 && values[0] is bool && values[1] is string)
        {
            if ((bool) values[0] && !string.IsNullOrEmpty((string) values[1]))
                return Visibility.Visible;
            return Visibility.Collapsed;
        }
        return values;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }

    public override object ProvideValue(IServiceProvider serviceProvider)
    {
        return converter ?? (converter = new DeleteButtonMultiConverter());
    }
}

Answer 1

更改超链接中的 TextBlock 以获取运行，就像这样（请注意，因为Run不支持{{ 1}}或VerticalAlignment，我删除或移动了这些属性）：

Margin

Tab-Focus on custom TextBox

1 个答案: