TextBoxPopupBehavior控件

功能说明

一个用于 WPF TextBox 的附加举动，实现 TextBox 与 Popup 控件的联动结果：

• 自动弹出/关闭：
  
  
  
  • TextBox 获得核心时自动打开关联的 Popup
    
  • TextBox 失去核心时自动关闭关联的 Popup
    
  
  
• 点击外部关闭：
  
  
  
  • 点击 TextBox 和 Popup 外部区域时关闭 Popup
    
  
  
• 核心状态处置惩罚：
  
  
  
  • 解决 TextBox 保持核心但 Popup 关闭后的重新触发问题
    
  
  

核心代码解析

1.         // 解决在 TextBox 外其他地方点击时，仅关闭 Popup，但是 TextBox 还是 Focused 状态，导致再点击进来时不会触发弹出 Popup
2.         private void AssociatedObject_PreviewMouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e) {
3.             if (AssociatedObject?.IsFocused == true && Popup != null && !Popup.IsOpen) {
4.                 Popup.IsOpen = true;
5.             }
6.         }
8.         private void Window_PreviewMouseDown(object sender, System.Windows.Input.MouseButtonEventArgs e) {
9.             if (Popup == null || !Popup.IsOpen || AssociatedObject == null || _parentWindow == null) { return; }
11.             Point position = e.GetPosition(null);
12.             Rect textBoxRect = new Rect(AssociatedObject.TranslatePoint(new Point(0, 0), _parentWindow), AssociatedObject.RenderSize);
13.             Rect popupRect = new Rect(Popup.TranslatePoint(new Point(0, 0), _parentWindow), Popup.RenderSize);
14.             if (!textBoxRect.Contains(position) && !popupRect.Contains(position)) {
15.                 Popup.SetCurrentValue(Popup.IsOpenProperty, false);
16.             }
17.         }

复制代码

使用方法

1. <TextBox x:Name="SearchBox"
2.          Width="400"
3.          Height="30"
4.          Text="{Binding ElementName=list, Path=SelectedItem.Content}">
5.     <hc:Interaction.Behaviors>
6.         <controls:TextBoxPopupBehavior Popup="{Binding ElementName=SuggestionsPopup}" />
7.     </hc:Interaction.Behaviors>
8. </TextBox>
10. <Popup x:Name="SuggestionsPopup"
11.        Placement="Bottom"
12.        PlacementTarget="{Binding ElementName=SearchBox}"
13.        StaysOpen="True">
14.     <Border Background="White"
15.             BorderBrush="Gray"
16.             BorderThickness="1">
17.         <ListBox x:Name="list"
18.                  Width="200"
19.                  Height="150">
20.             <ListBoxItem>选项1</ListBoxItem>
21.             <ListBoxItem>选项2</ListBoxItem>
22.             <ListBoxItem>选项3</ListBoxItem>
23.         </ListBox>
24.     </Border>
25. </Popup>

复制代码

留意事项

• 确保 Popup 的 PlacementTarget 正确绑定
  
• 在 MVVM 模式下可通过绑定设置 Popup 属性
  
• 控件卸载时会自动清理事件监听
  

文章作者：Memento
博客地址：
版权声明：Memento所有文章遵循创作共用版权协议，要求署名、非贸易、保持一致。在满足创作共用版权协议的基础上可以转载，但请以超链接情势注明出处。       

---