Bagaimana cara memastikan kontrol Popup cocok dengan Halaman induknya ketika ukuran induk diubah? UWP

Berdasarkan komentar Decade Moon, berikut cara mengubah ukuran popup agar sesuai dengan penampung induk seiring perubahan ukurannya.

Buat properti ketergantungan pada kode di belakang

    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));

Perbarui nilai pada acara 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;
        }
    }

Kemudian di XAML, cukup gunakan x:Bind untuk mengikat lebar dan tinggi popup

        <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>

Cukup lurus ke depan. Ingatlah untuk tidak menggunakan properti ActualWidth atau ActualHeight untuk mengikat sumber sebagai mereka tidak menaikkan PropertyChanged acara.

Meskipun memiliki bidang pendukung ActualWidthProperty, ActualWidth tidak memunculkan pemberitahuan perubahan properti dan harus dianggap sebagai properti CLR biasa dan bukan properti ketergantungan.

Untuk tujuan pengikatan ElementName, ActualWidth tidak memposting pembaruan ketika berubah (karena sifatnya yang tidak sinkron dan dihitung waktu proses). Jangan mencoba menggunakan ActualWidth sebagai sumber pengikatan untuk pengikatan ElementName. Jika Anda memiliki skenario yang memerlukan pembaruan berdasarkan ActualWidth, gunakan pengendali SizeChanged.

@PutraKg punya cara yang bagus.

Tapi saya punya dua cara untuk menyelesaikannya.

Yang pertama adalah mengatur VerticalAlignment="Center" HorizontalAlignment="Center" yang dapat membuat popup di tengah.

Namun menurut saya Anda tidak puas jika menempatkannya di tengah.

Cara terbaiknya adalah menggunakan posisi layar.

Anda bisa mendapatkan posisi layar Grid dan menjadikannya popup.

Di tombol terbuka

    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;
    }