# WPF AdornerPopup 

**Repository Path**: pantaihua/WPF-AdornerPopup

## Basic Information

- **Project Name**: WPF AdornerPopup 
- **Description**: WPF 使用Adorner装饰器实现的类似Popup功能
- **Primary Language**: C#
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2020-12-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WPF AdornerPopup 

#### 项目介绍
WPF 使用Adorner装饰器实现的类似Popup功能

#### 使用说明

1. XAML中引用命名空间
xmlns:adPopup="clr-namespace:AdornerPopupCore.Controls;assembly=AdornerPopupCore"

2. 使用

```

<adPopup:AdornerPopup x:Name="adornerPopup"
                    PlacementTarget="{Binding ElementName=tbInput}"   // 相对于目标的位置
                    ListenMouseElement="{Binding ElementName=mainGrid}" // 绑定鼠标点击区域
                    IgnoreTargetEvent="True"                          // 当StaysOpen为False时,点击PlacementTarget对象是否关闭Popup
                    Placement="Bottom"                                  // 相对与PlacementTarget位置
                    Background="Blue"
                    BorderBrush="Red"
                    BorderThickness="4"
                    Width="{Binding ElementName=tbInput, Path=ActualWidth}"
                    StaysOpen="{Binding ElementName=btnSearch, Path=IsMouseOver}">  // StaysOpen 与 Popup的StaysOpen功能类似
    <ListBox x:Name="lbResult" Height="200"
            ItemsSource="{Binding SearchResults}"
            VerticalAlignment="Top">
    </ListBox>
</adPopup:AdornerPopup>
```


#### 实例截图

![AdornerPopup](https://images.gitee.com/uploads/images/2018/1102/120708_e74b5505_531911.png "AdornerPopup.png")

#### 完整例子

1. XAML

```
<Window x:Class="Demo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:adPopup="clr-namespace:AdornerPopupCore.Controls;assembly=AdornerPopupCore"
        xmlns:local="clr-namespace:Demo"
        mc:Ignorable="d"
        Title="MainWindow"
        Height="800"
        Width="1000">
    <Grid x:Name="mainGrid"
          Background="Transparent">

        <StackPanel Margin="{Binding ElementName=tbInput, Path=ActualWidth}">

            <Grid Margin="20"
                  Height="30"
                  VerticalAlignment="Top">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto" />
                    <ColumnDefinition Width="auto" />
                </Grid.ColumnDefinitions>
                <TextBox x:Name="tbInput"
                         Width="300" />
                <Button x:Name="btnSearch"
                        Grid.Column="1"
                        Click="btnSearch_Click"
                        Content="Search" />
            </Grid>
            
            <adPopup:AdornerPopup x:Name="adornerPopup"
                                  PlacementTarget="{Binding ElementName=tbInput}"
                                  ListenMouseElement="{Binding ElementName=mainGrid}"
                                  IgnoreTargetEvent="True"
                                  Placement="Bottom"
                                  Background="Blue"
                                  BorderBrush="Red"
                                  BorderThickness="4"
                                  Width="{Binding ElementName=tbInput, Path=ActualWidth}"
                                  StaysOpen="{Binding ElementName=btnSearch, Path=IsMouseOver}">
                <ListBox x:Name="lbResult" Height="200"
                         ItemsSource="{Binding SearchResults}"
                         VerticalAlignment="Top">
                </ListBox>
            </adPopup:AdornerPopup>
        </StackPanel>

    </Grid>
</Window>


```

2. CS

```
public partial class MainWindow : Window
    {
        private List<string> _dataSource = new List<string>();
        public ObservableCollection<string> SearchResults { get; set; } = new ObservableCollection<string>();
        
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = this;

            InitDataSource();
        }

        private void InitDataSource()
        {
            Random random = new Random((int)DateTime.Now.Ticks);
            for (int i = 0; i < 1000; i++)
            {
                int num =  (int)(random.NextDouble() * 1000);
                _dataSource.Add(num.ToString());
            }
        }

        private void btnSearch_Click(object sender, RoutedEventArgs e)
        {
            SearchResults.Clear();
            var result = _dataSource.Where(p => p.IndexOf(tbInput.Text, StringComparison.InvariantCultureIgnoreCase) != -1);
            foreach (var item in result)
            {
                SearchResults.Add(item);
            }
            adornerPopup.IsOpen = !adornerPopup.IsOpen;
        }
    }
```