# WPF AdornerPopup 

**Repository Path**: addyshine/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**: 2021-07-01
- **Last Updated**: 2021-07-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WPF AdornerPopup 

## Introduces
WPF 使用Adorner装饰器实现的类似Popup功能

## Features

- 支持Net5 
- WapComboBox 基于AdornerPopup 封装的ComboBox
- 非常非常简单的Mvvm(RelayCommand以及ViewModelBase)
- 支持与原生控件Popup改为AdornerPopup（只需要简单修改即可）

## Get started

#### 1. Reference Wap(AdornerPopup) namespace
```
xmlns:wap="WPF.AdornerPopup"
```

#### 2. In xaml

```
<wap:AdornerPopup x:Name="adornerPopup"
                          PlacementTarget="{Binding ElementName=tbInput}"
                          IgnoreTargetEvent="True"
                          Placement="Bottom"
                          Background="Transparent"
                          BorderBrush="Transparent"
                          BorderThickness="0"
                          IsOpen="{Binding IsOpen}"
                          Width="{Binding ElementName=tbInput, Path=ActualWidth}"
                          StaysOpen="{Binding ElementName=btnSearch, Path=IsMouseOver}">
    <!--Your code-->
</wap:AdornerPopup>
```


## Screenshot

![Image description](https://images.gitee.com/uploads/images/2021/0709/174345_8aca7471_531911.gif "demo.gif")


## Samples

#### 1. WapComboBox
```
<wap:WapComboBox Height="30" Width="200"
                 MaxDropDownHeight="400"
                 IsEditable="True"
                 ItemsSource="{Binding SearchResults}"/>
```

#### 2. Use the AdornerPopup
```
<wap:AdornerPopup x:Name="adornerPopup"
                  PlacementTarget="{Binding ElementName=tbInput}"
                  IgnoreTargetEvent="True"
                  Placement="Bottom"
                  Background="Transparent"
                  BorderBrush="Transparent"
                  BorderThickness="0"
                  IsOpen="{Binding IsOpen}"
                  Width="{Binding ElementName=tbInput, Path=ActualWidth}"
                  StaysOpen="{Binding ElementName=btnSearch, Path=IsMouseOver}">
    <ListBox x:Name="lbResult"
         Height="200"
         ItemsSource="{Binding SearchResults}"
         VerticalAlignment="Top">   
    </ListBox>
</wap:AdornerPopup>
```