WPF Рендер контроль над другими

Question

Допустим, у меня есть список таможенного контроля:

<ItemsControl> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <ctrl:AutoCompleteTextBox /> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</StackPanel> 

Эти элементы управления автозаполнения текстовые поля и я хочу перечислить, чтобы быть оказаны выше остальных элементов управления предложения.

Если я придумываю свой контроль, как это:

<UserControl> 
    <StackPanel Orientation="Vertical"> 
     <TextBox Name="Value" /> 
     <ListView Name="Suggestions" /> 
    </StackPanel> 
</UserControl> 

Когда я заполнить мой ListView, то StackPanel растет, а другой автозаполнения просто сдвинут. Я хочу, чтобы они были охвачены списком предложений.

Я пытался использовать холст с Panel.ZIndex набор свойств к 2000 году, но холст всегда оказывается ниже других элементов:

Вот XAML:

<UserControl> 
    <StackPanel Orientation="Vertical"> 
     <TextBox Name="Value" /> 
     <Canvas Panel.ZIndex="2000"> 
      <ListView Panel.ZIndex="2000" Name="Suggestions" /> 
     </Canvas> 
    </StackPanel> 
</UserControl> 

Я также пытался использовать PopUp. Он хорошо работает, за исключением того, что всплывающее окно оказываются на верхней части экрана, даже если другое приложение получило фокус:

Вот является XAML:

<UserControl> 
    <StackPanel Orientation="Vertical"> 
     <TextBox Name="Value" /> 
     <PopUp IsOpen="false"> 
      <ListView Name="Suggestions" /> 
     </PopUp> 
    </StackPanel> 
</UserControl> 

Я открыт для любых других решение, если оно применимо к моему первоначальному требованию.

Answer 1

Хотя adorner's solution выглядит правильный способ сделать это делать, пока я не получить работу, я нашел обходной путь с PopUp решение проще, чем одного Даниила. Он состоит из обработки десактивации приложения (например, при переключении на другое приложение):

public AutoCompleteTextBox() 
{ 
    InitializeComponent(); 

    var currentWindow = App.Current.MainWindow; 
    currentWindow.Deactivated += ApplicationDeactivated; 
} 

private void ApplicationDeactivated(object sender, EventArgs e) 
{ 
    this.HidePropositions(); // Here is all my stuff for hiding the suggestions list 
} 

Answer 2

Попробуйте установить ZIndex пользовательского элемента управления.

<UserControl Panel.ZIndex="your number"> 
<StackPanel Orientation="Vertical"> 
    <TextBox Name="Value" /> 
    <ListView Name="Suggestions" /> 
</StackPanel> 
</UserControl> 

Может быть, вы должны также попытаться поместить ваш код UserControl в нижней части вашего кода XAML, как это:

<!-- Your Code --> 

<UserControl Panel.ZIndex="your number"> 
<StackPanel Orientation="Vertical"> 
    <TextBox Name="Value" /> 
    <ListView Name="Suggestions" /> 
</StackPanel> 
</UserControl> 
</Window> 

Answer 3

Вы должны использовать и Adorner. Это требует больше работы, однако вы всегда можете контролировать, когда отображать или скрывать контент. Если приложение подходит к фону, вы можете скрыть рекламодателя программно.

Когда вы используете элемент управления, являющийся частью визуального дерева, перекрытие элементов управления определяется их порядком в визуальном дереве. Если вы используете контейнер, который наследуется от Panel, вы можете настроить эту настройку с помощью Z-Order. Однако Z-индекс имеет этот эффект упорядочения только для элементов управления в одном контейнере.

Уклонители, наоборот, не являются частью визуального дерева. Их можно показать выше всего. К сожалению, работа с ними сложнее, чем при регулярном контроле. Рамки на самом деле не ограничивают то, что вы можете или не можете сделать с Adorner. Окончательного ответа нет, так как это зависит от того, как должен себя вести adorner. Например, если вы используете вкладки, вам может потребоваться скрыть отображаемый adorner/popup, когда вкладка будет изменена. Поэтому такое поведение предоставляется программисту.

Всплывающие окна используют внутренности, но есть меньше возможностей скрывать или показывать их. Поэтому я предлагаю использовать adorner и настроить его поведение для вашей конкретной цели.

Вы можете найти более подробную информацию об этой проблеме HERE или HERE

UPDATE:

Я просто проверил, что я использовал, когда я должен был сделать то же самое. Я использовал NonTopmostPoupup с некоторыми изменениями. Насколько я понимаю, именно то, что вы ищете. Поэтому я должен пересмотреть свою точку зрения на управление всплывающим окном против Adorner :)

Answer 4

Вы должны уметь обходить эту проблему, используя AirspacePopup, так как она «Не всегда на вершине, но размещена относительно окна в который он размещается », как указано в первоначальном посте.

Вы можете увидеть полный код и объяснение в: AirspacePopup by Fredrik Hedblad