Как убедиться, что элемент управления Popup соответствует родительской странице при изменении размера родителя? UWP

Основываясь на комментарии Decade Moon, вот как можно изменить размер всплывающего окна, чтобы оно соответствовало родительскому контейнеру при изменении его размера.

Создайте свойство зависимости в коде позади

    public double PageWidth
    {
        get { return (double)GetValue(PageWidthProperty); }
        set { SetValue(PageWidthProperty, value); }
    }

    public static readonly DependencyProperty PageWidthProperty =
        DependencyProperty.Register("PageWidth", typeof(double), typeof(GamePage), new PropertyMetadata(0d));



    public double PageHeight
    {
        get { return (double)GetValue(PageHeightProperty); }
        set { SetValue(PageHeightProperty, value); }
    }

    public static readonly DependencyProperty PageHeightProperty =
        DependencyProperty.Register("PageHeight", typeof(double), typeof(GamePage), new PropertyMetadata(0d));

Обновить значение в событии SizeChanged

    private void GamePage_SizeChanged(object sender, SizeChangedEventArgs e)
    {
        if (e.NewSize.Width > 0d && e.NewSize.Height > 0d)
        {
            PageWidth = e.NewSize.Width;
            PageHeight = e.NewSize.Height;
        }
    }

Затем в XAML просто используйте x:Bind для привязки ширины и высоты всплывающего окна.

        <Popup x:Name="popupCorrect" VerticalAlignment="Top" IsOpen="{Binding IsPopupCorrectOpen, Mode=TwoWay}" IsLightDismissEnabled="False">
        <Popup.ChildTransitions>
            <TransitionCollection>
                <PaneThemeTransition Edge="Left" />
            </TransitionCollection>
        </Popup.ChildTransitions>
        <uc:PopupCorrect Width="{x:Bind PageWidth, Mode=TwoWay}" Height="{x:Bind PageHeight, Mode=TwoWay}"/>
    </Popup>

Довольно прямолинейно. Только не забудьте не использовать свойства ActualWidth или ActualHeight для привязки источника как они не вызывают событие PropertyChanged.

Несмотря на наличие резервного поля ActualWidthProperty, ActualWidth не вызывает уведомления об изменении свойств, и его следует рассматривать как обычное свойство CLR, а не как свойство зависимости.

В целях привязки ElementName ActualWidth не публикует обновления при изменении (из-за своего асинхронного характера и вычисляемого во время выполнения). Не пытайтесь использовать ActualWidth в качестве источника привязки для привязки ElementName. Если у вас есть сценарий, требующий обновлений на основе ActualWidth, используйте обработчик SizeChanged.

У @PutraKg отличный способ.

Но у меня есть два способа решить эту проблему.

Первым устанавливается VerticalAlignment="Center" HorizontalAlignment="Center", который может сделать всплывающее окно в центре.

Но я думаю, вы не довольны тем, что ставите его в центр.

Отличный способ - использовать положение экрана.

Вы можете получить положение экрана сетки и сделать его всплывающим.

В открытой кнопке

    private void Button_OnClick(object sender, RoutedEventArgs e)
    {
        var grid = (UIElement)popupCorrect.Parent; //get grid
        var p = grid.TransformToVisual (Window.Current.Content).TransformPoint(new Point(0, 0)); //get point
        popupCorrect.HorizontalOffset = p.X;
        popupCorrect.VerticalOffset = p.Y;
        popupCorrect.IsOpen = !popupCorrect.IsOpen;
    }