将 UserControl 绑定到自定义 BusyIndi​​cator 控件

Question

我需要在加载新视图时关注特定的文本框。

解决方案是将这一行代码添加到视图的 OnLoaded 事件中：

Dispatcher.BeginInvoke(() => { NameTextBox.Focus(); });

因此这适用于一个视图，但不适用于另一个视图。我花了一些时间调试这个问题，并意识到我正在处理的新视图有一个 BusyIndi​​cator，它将焦点从所有控件上移开，因为 BusyIndi​​cator 被设置为 true 和 false 是在 OnLoaded 事件之后发生的。

因此，解决方案是在我的 BusyIndi​​cator 设置为 false 后将焦点调用到 NameTextBox 。我的想法是创建一个可重用的 BusyIndi​​cator 控件来处理这项额外的工作。但是，我在 MVVM 中执行此操作时遇到困难。

我首先对工具包进行了简单的扩展：BusyIndi​​cator：

public class EnhancedBusyIndicator : BusyIndicator
{
    public UserControl ControlToFocusOn { get; set; }

    private bool _remoteFocusIsEnabled = false;
    public bool RemoteFocusIsEnabled
    {
        get
        {
            return _remoteFocusIsEnabled;
        }
        set
        {
            if (value == true)
                EnableRemoteFocus();
        }
    }

    private void EnableRemoteFocus()
    {
        if (ControlToFocusOn.IsNotNull())
            Dispatcher.BeginInvoke(() => { ControlToFocusOn.Focus(); });
        else
            throw new InvalidOperationException("ControlToFocusOn has not been set.");
    }

我毫无问题地将控件添加到了我的 XAML 文件中：

<my:EnhancedBusyIndicator
    ControlToFocusOn="{Binding ElementName=NameTextBox}"
    RemoteFocusIsEnabled="{Binding IsRemoteFocusEnabled}"
    IsBusy="{Binding IsDetailsBusyIndicatorActive}"
...
>    
...
    <my:myTextBox (this extends TextBox)
        x:Name="NameTextBox"
    ...
    />
...
</my:EnhancedBusyIndicator>

所以想法是在我的 ViewModel 中将 IsRemoteFocusEnabled 设置为 true （我在之后执行此操作）我已在 ViewModel 中将 IsBusy 设置为 false），焦点将设置为 NameTextBox。如果它有效，其他人可以使用 EnhancedBusyIndi​​cator 并绑定到不同的控件并在自己的 ViewModel 中适当地启用焦点，假设他们的视图具有初始的 BusyIndi​​cator 活动状态。

但是，加载视图时出现此异常：

Set property 'foo.Controls.EnhancedBusyIndi​​cator.ControlToFocusOn' 引发异常。 [线路：45 位置：26]

我尝试的这个解决方案有效吗？如果是这样，到目前为止我所拥有的有什么问题（无法设置 ControlToFocusOn 属性）？

---

更新 1

我安装了 Visual Studio 10 Tools for Silverlight 5，并在导航到新视图时收到了更好的错误消息。现在我收到此错误消息：

“System.ArgumentException：System.Windows.Data.Binding类型的对象无法转换为System.Windows.Controls.UserControl类型”

另外，我认为我需要更改此控件的DataContext。在代码隐藏构造函数中，DataContext 设置为我的 ViewModel。我尝试向 EnhancedBusyIndi​​cator 添加 DataContext 属性，但这不起作用：

<my:EnhancedBusyIndicator
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    ControlToFocusOn="{Binding ElementName=NameTextBox}"
    RemoteFocusIsEnabled="{Binding IsRemoteFocusEnabled}"
    IsBusy="{Binding IsDetailsBusyIndicatorActive}"
...
>

---

更新 2

我需要将 UserControl 更改为 Control< /code> 因为我希望将焦点设置到 TextBox 对象（实现 Control）。然而，这并不能解决问题。

Answer 1

@Matt，不确定

DataContext="{Binding RelativeSource={RelativeSource Self}}"

是否可以在 Silverlight 5 中工作，您是否尝试过将其绑定为静态资源？

Answer 2

如果视图中没有 BusyIndi​​cator ，解决焦点问题的常见解决方案是将代码添加

Dispatcher.BeginInvoke(() => { ControlToFocusOn.Focus(); });

到视图的 Loaded 事件中。即使存在 BusyIndi​​cator，这实际上也有效；但是，BusyIndi​​cator 会立即将焦点从 Silverlight 控件的其余部分移开。解决方案是在BusyIndi​​cator不忙后调用控件的Focus()方法。

我能够通过制作如下控件来解决这个问题：

public class EnhancedBusyIndicator : BusyIndicator
{
    public EnhancedBusyIndicator()
    {
        Loaded += new RoutedEventHandler(EnhancedBusyIndicator_Loaded);
    }

    void EnhancedBusyIndicator_Loaded(object sender, RoutedEventArgs e)
    {
        AllowedToFocus = true;
    }

    private readonly DependencyProperty AllowedToFocusProperty = DependencyProperty.Register("AllowedToFocus", typeof(bool), typeof(EnhancedBusyIndicator), new PropertyMetadata(true));

    public bool AllowedToFocus
    {
        get { return (bool)GetValue(AllowedToFocusProperty); }
        set { SetValue(AllowedToFocusProperty, value); }
    }

    public readonly DependencyProperty ControlToFocusOnProperty = DependencyProperty.Register("ControlToFocusOn", typeof(Control), typeof(EnhancedBusyIndicator), null);

    public Control ControlToFocusOn
    {
        get { return (Control)GetValue(ControlToFocusOnProperty); }
        set { SetValue(ControlToFocusOnProperty, value); }
    }

    protected override void OnIsBusyChanged(DependencyPropertyChangedEventArgs e)
    {
        base.OnIsBusyChanged(e);
        if (AllowedToFocus && !IsBusy)
        {
            Dispatcher.BeginInvoke(() => { ControlToFocusOn.Focus(); });
            AllowedToFocus = false;
        }
    }
}

要使用它，请将 xaml 中的 BusyIndi​​cator 标记替换为新的 EnhancedBusyIndi​​cator 并添加适当的命名空间。

在元素内添加一个新属性 ControlToFocusOn，并将其绑定到视图中您希望在 EnhancedBusyIndi​​cator 消失后焦点所在的现有元素：

<my:EnhancedBusyIndicator
    ControlToFocusOn="{Binding ElementName=NameTextBox}"
    ...
>
    ...
</my:EnhancedBusyIndicator>

在本例中，我关注一个名为 NameTextBox 的文本框。

就是这样。每次我们导航到该页面时，该控件都会获得焦点。当我们在页面上时，如果 EnhancedBusyIndi​​cator 再次变得忙碌并且不再忙碌，焦点将不会转到控件；这仅发生在初始加载时。

如果您希望允许 EnhancedBusyIndi​​cator 再次聚焦于 ControlToFocusOn，请添加另一个属性 AllowedToFocus：

<my:EnhancedBusyIndicator
    ControlToFocusOn="{Binding ElementName=NameTextBox}"
    AllowedToFocus="{Binding IsAllowedToFocus}"
    ...
>
    ...
</my:EnhancedBusyIndicator>

当 AllowedToFocus 时> 设置为 true，下次 EnhancedBusyIndi​​cator 从忙切换到不忙时，焦点将转到 ControlToFocusOn。

加载视图时，AllowedToFocus 也可以设置为 false，以防止焦点转到控件。如果将 AllowedToFocus 绑定到 ViewModel 属性，则可能需要更改 BindingMode。默认情况下，它是 OneTime。