在 wpf 中将焦点转移到控件的子部分（在其模板中）

Question

我有一个文本框，在某些情况下需要“转换”为 DatePicker。

使用模板轻松完成：

<TextBox.Style>
    <Style TargetType="{x:Type TextBox}">
        <Style.Triggers>
            <Trigger Property="local:MyTextBox.IsDate" Value="True">
                <Setter Property="Template" Value="{StaticResource DateTextBoxTemplate}" />
            </Trigger>
        </Style.Triggers>
    </Style>
</TextBox.Style>

然后：

<ControlTemplate x:Key="DateTextBoxTemplate" TargetType="TextBox">
    <DatePicker x:Name="DateContent"
                Text="{Binding RelativeSource={RelativeSource AncestorType=TextBox}, Path=Text, Mode=TwoWay}" />
</ControlTemplate>

问题是：当我单击日期选择器时，焦点没有“转移”到日期选择器。

即：如果我单击控件，datePicker 不会获得焦点。我必须再次单击它才能发生这种情况。

我知道我可以在后面的代码中执行此操作：

protected override void OnGotFocus(RoutedEventArgs e)
{
    base.OnGotFocus(e);

    if (IsDate)
    {
        DatePicker dateContent = Template.FindName("DateContent", this) as DatePicker;
        if (dateContent != null) dateContent.Focus();
    }
}

但这并不能真正令我满意，因为我很确定有一种方法可以在 xaml 中完成所有操作，但我只是不知道。

我发现另一个问题提到 FocusManager.FocusedElement="{Binding ElementName=DateContent}" 选项，但我不知道可以将这段代码放在哪里：它无法添加到controlTemplate（正如我怀疑的那样），如果我把它放在模板中封装datePicker的网格上，它基本上没有用。

那么我可以只在 xaml 中执行此操作吗？如果是，怎么办？

Answer 1

我过去用过这个并且很有效

<ControlTemplate x:Key="DateTextBoxTemplate" TargetType="TextBox">
    <DatePicker x:Name="DateContent" Text="{Binding RelativeSource={RelativeSource AncestorType=TextBox}, Path=Text, Mode=TwoWay}"/>
    <ControlTemplate.Triggers>
        <Trigger Property="IsFocused" Value="True">
            <Setter TargetName="DateContent"
                    Property="FocusManager.FocusedElement"
                    Value="{Binding ElementName=DateContent}" />
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

Answer 2

您可以通过告诉 DatePicker 它在加载时默认获得焦点来实现所需的行为。为此，您可以创建一个附加行为，如下所示：

public static class FocusExtensions
{
    public static bool GetIsDefaultFocusElement(DependencyObject obj) 
    {
        return (bool)obj.GetValue(IsDefaultFocusElementProperty);
    }

    public static void SetIsDefaultFocusElement(DependencyObject obj, bool value) 
    {
        obj.SetValue(IsDefaultFocusElementProperty, value);
    }

    public static readonly DependencyProperty IsDefaultFocusElementProperty =
        DependencyProperty.RegisterAttached("IsDefaultFocusElement", typeof(bool), typeof(FocusExtensions), new UIPropertyMetadata(false, OnIsDefaultFocusElementChanged));

    private static void OnIsDefaultFocusElementChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) 
    {
        var fe = (FrameworkElement)d;

        if (!(bool)e.NewValue) 
        {
            return;
        }

        if (fe.IsLoaded) 
        {
            SetFocus(fe);
        }
        else 
        {
            fe.Loaded += OnDefaultFocusElementLoaded;
        }
    }

    private static void OnDefaultFocusElementLoaded(object sender, RoutedEventArgs e) 
    {
        var fe = (FrameworkElement) sender;

        fe.Loaded -= OnDefaultFocusElementLoaded;

        SetFocus(fe);
    }

    private static void SetFocus(FrameworkElement element) 
    {
        element.Focus();
    }
}

然后您可以设置IsDefaultFocusElement 附加在 DatePicker 上的属性，每次加载 DatePicker 时，它都会获得焦点：

<ControlTemplate x:Key="DateTextBoxTemplate" TargetType="TextBox">
    <DatePicker x:Name="DateContent"
                Text="{Binding RelativeSource={RelativeSource AncestorType=TextBox}, Path=Text, Mode=TwoWay}"
                my:FocusExtensions.IsDefaultFocusElement="True" />
</ControlTemplate>

此行为可以用在您的任何其他地方。您需要指定默认情况下必须聚焦的元素的应用程序（例如，当您打开对话框并且希望立即聚焦第一个字段时）。