WPF - 單擊按鈕時設置焦點 - 沒有代碼

Question

有沒有辦法使用WPF Trigger s將Focus從一個控件設置爲另一個控件？

像下面的例子：

<Page 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition/> 
     <RowDefinition/> 
     <RowDefinition/> 
    </Grid.RowDefinitions> 

    <TextBox Name="txtName"></TextBox>  
    <TextBox Grid.Row="1" Name="txtAddress"></TextBox> 
    <Button Grid.Row="2" Content="Finish"> 
     <Button.Triggers> 
      <EventTrigger RoutedEvent="Button.Click"> 

       <!-- Insert cool code here--> 

      </EventTrigger> 
     </Button.Triggers> 
    </Button> 
    </Grid> 
</Page> 

有沒有辦法爲這個EventTrigger把專注於文本框「改爲txtName」？

我試圖找到方法來使用嚴格的MVVM來做這樣的事情。如果這是不應該通過XAML（在MVVM中）完成的事情，那很好。但是我希望看到一些關於它如何適應MVVM模式的文檔，在XAML之外進行。

Answer 1

你有沒有使用附加的行爲考慮。他們很容易實現並使用AttachedProperty's。雖然它仍然需要代碼，但是這些代碼在一個類中被抽象出來並被重用。他們可以消除需要的代碼，並且經常與MVVM模式一起使用。

試試這個，看看它是否適合你。

public class EventFocusAttachment 
{ 
    public static Control GetElementToFocus(Button button) 
    { 
     return (Control)button.GetValue(ElementToFocusProperty); 
    } 

    public static void SetElementToFocus(Button button, Control value) 
    { 
     button.SetValue(ElementToFocusProperty, value); 
    } 

    public static readonly DependencyProperty ElementToFocusProperty = 
     DependencyProperty.RegisterAttached("ElementToFocus", typeof(Control), 
     typeof(EventFocusAttachment), new UIPropertyMetadata(null, ElementToFocusPropertyChanged)); 

    public static void ElementToFocusPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e) 
    { 
     var button = sender as Button; 
     if (button != null) 
     { 
      button.Click += (s, args) => 
       { 
        Control control = GetElementToFocus(button); 
        if (control != null) 
        { 
         control.Focus(); 
        } 
       }; 
     } 
    } 
} 

，然後在XAML做這樣的事情......

<Button 
    Content="Click Me!" 
    local:EventFocusAttachment.ElementToFocus="{Binding ElementName=textBox}" 
    /> 
<TextBox x:Name="textBox" /> 

Answer 2

不知道，但我想你可以做這樣的事情：

FocusManager.FocusedElement="{Binding ElementName=txtName}"> 

原諒我，如果我錯了，我不是由Visual Studio，所以我不能對它進行測試。

Answer 3

這是你想要的嗎？

<TextBox Name="txtName"></TextBox> 
    <TextBox Grid.Row="1" Name="txtAddress"></TextBox> 
    <Button Grid.Row="2" Content="Finish"> 
     <Button.Style> 
      <Style TargetType="{x:Type Button}"> 
       <EventSetter Event="Click" Handler="MoveFocusOnClick" /> 
      </Style> 
     </Button.Style> 
     <!--<Button.Triggers> 
      <EventTrigger RoutedEvent="Button.Click"> 
      </EventTrigger> 
     </Button.Triggers>--> 
    </Button> 

C＃：

public void MoveFocusOnClick(object sender, RoutedEventArgs e) 
    { 
     Keyboard.Focus(txtName); // Or your own logic 
    } 

Answer 4

你也可以使用一個WPF行爲......

public class FocusElementAfterClickBehavior : Behavior<ButtonBase> 
{ 
    private ButtonBase _AssociatedButton; 

    protected override void OnAttached() 
    { 
     _AssociatedButton = AssociatedObject; 

     _AssociatedButton.Click += AssociatedButtonClick; 
    } 

    protected override void OnDetaching() 
    { 
     _AssociatedButton.Click -= AssociatedButtonClick; 
    } 

    void AssociatedButtonClick(object sender, RoutedEventArgs e) 
    { 
     Keyboard.Focus(FocusElement); 
    } 

    public Control FocusElement 
    { 
     get { return (Control)GetValue(FocusElementProperty); } 
     set { SetValue(FocusElementProperty, value); } 
    } 

    // Using a DependencyProperty as the backing store for FocusElement. This enables animation, styling, binding, etc... 
    public static readonly DependencyProperty FocusElementProperty = 
     DependencyProperty.Register("FocusElement", typeof(Control), typeof(FocusElementAfterClickBehavior), new UIPropertyMetadata()); 
} 

下面是使用行爲的XAML 。

包括命名空間：

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
xmlns:local="clr-namespace:WpfApplication1" 

連接WPF行爲對按鈕和綁定元素要設置焦點：

<Button Content="Focus" Width="75"> 
    <i:Interaction.Behaviors> 
     <local:FocusElementAfterClickBehavior FocusElement="{Binding ElementName=CheckBoxComboBox, Mode=OneWay}"/> 
    </i:Interaction.Behaviors> 
</Button> 
<ComboBox x:Name="CheckBoxComboBox" HorizontalAlignment="Center" VerticalAlignment="Center" Width="120" Grid.Row="1"/> 

所以這樣你就沒有後面的代碼，它是可重複使用的任何從ButtonBase繼承的控件。

希望這可以幫助別人。

Answer 5

這和Ian Oakes的解決方案是一樣的，但我做了一些小的改動。

1. 按鈕類型可以更一般化，即ButtonBase，以處理更多的情況，如ToggleButton。
2. 目標類型也可以更一般化，即UIElement。從技術上講，我想這可能是IInputElement。
3. 我將事件處理程序設置爲靜態，以便它不會每次都生成運行時關閉。爲了確保它保持靜態，我將它從lambda中移出。

非常感謝伊恩。

---

public sealed class EventFocusAttachment 
{ 
    [DebuggerStepThrough] 
    public static UIElement GetTarget(ButtonBase b) { return (UIElement)b.GetValue(TargetProperty); } 

    [DebuggerStepThrough] 
    public static void SetTarget(ButtonBase b, UIElement target) { b.SetValue(TargetProperty, target); } 

    public static readonly DependencyProperty TargetProperty = 
     DependencyProperty.RegisterAttached("Target", 
              typeof(UIElement), 
              typeof(EventFocusAttachment), 
              new UIPropertyMetadata(null, TargetPropertyChanged)); 

    public static void TargetPropertyChanged(DependencyObject o, DependencyPropertyChangedEventArgs _) 
    { 
     ButtonBase bb; 
     if ((bb = o as ButtonBase) != null) 
      bb.Click += handler; 
    } 

    static void handler(Object o, RoutedEventArgs _) 
    { 
     UIElement target; 
     if ((target = GetTarget((ButtonBase)o)) != null) 
      target.Focus(); 
    } 
}; 

用法，基本上與上述相同：

<ToggleButton z:EventFocusAttachment.Target="{Binding RelativeSource={RelativeSource Self}}" /> 

注意，事件可以靶向/集中始發按鈕本身。

Answer 6

您需要一個TriggerAction來調用所需控件的Focus（）方法。

public class SetFocusTrigger : TargetedTriggerAction<Control> 
{ 
protected override void Invoke(object parameter) 
{ 
    if (Target == null) return; 

    Target.Focus(); 
} 
} 

若要設置爲控制重點，你把一個觸發器收集您的LayoutRoot後（或任何控制真的），選擇事件作爲觸發，並選擇SetFocusTrigger作爲類運行。在SetFocusTrigger聲明中，通過使用TargetName屬性來放置要接收焦點的控件的名稱。

<Button x:Name="LayoutRoot" > 
<i:Interaction.Triggers> 
    <i:EventTrigger EventName="Clicked"> 
     <local:SetFocusTrigger TargetName="StartHere"/> 
    </i:EventTrigger> 
</i:Interaction.Triggers> 

<TextBox x:Name="StartHere"/> 
</Button>