如何防止 UserControl 将焦点从其父级移开？

Question

我在我的应用程序中使用 MVVM，并且有一个允许用户输入基本人员信息的表单。该表单包含一个 UserControl，它基本上是一个 ItemsControl，其中包含可以动态创建的文本框。这是一个简化版：

<ItemsControl x:Name="items" ItemsSource="{Binding MyItemsCollection}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid x:Name="row">
                <TextBox x:Name="textBox" Text="{Binding ContactInfo, ValidatesOnExceptions=True}" extensions:FocusExtension.IsFocused="{Binding IsFocused}"/>
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>
<Button x:Name="NewItemButton" Command="{Binding AddItemToMyCollectionCommand}" />

我希望刚刚创建的 TextBox 接收焦点，因此我添加了一个附加属性。这是其中的一部分：

public static readonly DependencyProperty IsFocusedProperty =
        DependencyProperty.RegisterAttached("IsFocused", typeof(bool), typeof(FocusExtension), new UIPropertyMetadata(false, OnIsFocusedPropertyChanged));

private static void OnIsFocusedPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    var uie = (UIElement)d;
    if ((bool)e.NewValue)
    {
        uie.Focus();
    }
}

在包含 UserControl 的表单中，前后还有几个其他文本框。 UserControl 有自己的 ViewModel，我通过容器 ViewModel 中的属性将其设置为控件的 DataContext。基本上，容器的简化版本如下所示：

<StackPanel Orientation="Horizontal" />
    <TextBox x:Name="firstName" />
    <TextBox x:Name="lastName" />
    <local:DynamicFormUserControl
        x:Name="phones"
        DataContext="{Binding PhonesViewModel}" />
    <local:DynamicFormUserControl
        x:Name="emails"
        DataContext="{Binding EmailsViewModel}" />
    <TextBox x:Name="address" />
</StackPanel>

我的问题是我希望 firstName TextBox 在第一次加载表单时获得焦点，但表单继续将焦点放在手机 UserControl 的第一个 TextBox 上。我试图通过在表单的 Loaded 事件上使用 firstName.Focus() 来覆盖它，但这不起作用，无论我尝试什么，焦点仍然在手机 userControl 上，而不是表单中的第一个元素包含它。

有人知道如何解决这个问题吗？

谢谢。

Answer 1

给你

将FocusManager.FocusedElement="{Binding ElementName=firstName}" 添加到您的堆栈面板

<StackPanel Orientation="Horizontal" 
            FocusManager.FocusedElement="{Binding ElementName=firstName}"/>
    <TextBox x:Name="firstName" />
    <TextBox x:Name="lastName" />
    <local:DynamicFormUserControl
        x:Name="phones"
        DataContext="{Binding PhonesViewModel}" />
    <local:DynamicFormUserControl
        x:Name="emails"
        DataContext="{Binding EmailsViewModel}" />
    <TextBox x:Name="address" />
</StackPanel>

还请注意，您可能需要防止用户控件中的项目控件聚焦自身

<ItemsControl x:Name="items" Focusable="False" >
    <ItemsControl.ItemTemplate>

Answer 2

我想我设法找到了解决方案。问题是我创建的表单本身就是一个窗口内的用户控件，并且从未获得焦点。我认为这无关紧要，所以我在之前的帖子中没有提到它——对不起。我在this 中找到了将焦点集中到用户控件的解决方案。

基本上，当我在窗口中有一个 UserControl 时，即使我尝试使用 Focus() 或 FocusedElement 设置焦点，它也不会获得焦点。因此，为了克服这个问题，我在另一篇文章中找到了一种解决方法。基本上，我将它添加到包含 firstName 文本框的 UserControl 的代码隐藏中。如果我们调用 UserControl，比如 PersonalInfoUserControl，控件的构造函数将如下所示：

public PersonalInfoUserControl()
{
    InitializeComponent();
this.IsVisibleChanged += new DependencyPropertyChangedEventHandler(UserControl_IsVisibleChanged); 
}

我向控件的 IsVisibleChanged 事件添加了一个事件处理程序。该方法如下所示：

void UserControl_IsVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
{
if ((bool)e.NewValue == true)
{
        Dispatcher.BeginInvoke(
    DispatcherPriority.ContextIdle,
    new Action(delegate()
    {
    firstName.Focus();
    }));
} 
}