Элементы управления внутри WPF Popup Control смещены

Question

Прежде всего, это мой второй день разработки форм с использованием WPF. Сначала я обнаружил, что легче управлять средствами управления.

Я пытаюсь поместить некоторые элементы управления в WPF Popup, и он ведет себя не так, как я ожидал. В чем проблема?

<Popup Placement="Center" Height="38" Width="153">
     <StackPanel>
          <TextBlock Background="LightBlue"> This is popup text</TextBlock>
          <Button Content="This is button on a Popup" />
     </StackPanel>
</Popup>

Всплывающее окно помещается в сетку и кажется центрированным. Но панель стека и элементы управления внутри нее размещены, как на этом рисунке.

Я получаю это поведение только с помощью элемента управления Popup. Что мне не хватает?

Answer 1

Сначала я бы предложил вам прочитать о том, что такое всплывающее окно в wpf https://docs.microsoft.com/en-us/dotnet/framework/wpf/controls/popup-overview#what -is-a-popup .

Цель всплывающего окна, которое вы здесь написали, может быть просто открыть всплывающее окно, когда вы наводите курсор мыши на сетке или когда вы щелкаете мышью по сетке. элемент управления всплывающими окнами не может быть отображен на вашем дизайне. В этом случае вы можете визуализировать его как всплывающее окно с сообщением в окне. Элементы управления, которые вы написали внутри вашего всплывающего окна, появятся при открытии вашего всплывающего окна.

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