如何在窗口中对弹出(Windows商店应用程序)
如何在窗口中对弹出(Windows商店应用程序)
提问于 2013-09-26 15:43:50
我有一个自定义弹出(作为一个用户控件)，我加载编程。我不能把它集中在x轴上，只有垂直方向。弹出窗口不是添加到xaml文件中，而是添加到根窗口中。
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
using System.Windows;
using Windows.UI.Core;
// The User Control item template is documented at http://go.microsoft.com/fwlink/?LinkId=234236
namespace QSTLibrary.WIN8.Tools
{
public sealed partial class CustomProgressRingPopup : UserControl
{
public CustomProgressRingPopup()
{
this.InitializeComponent();
}
public string Text
{
get { return (string)GetValue(TextProperty); }
set { SetValue(TextProperty, value); }
}
// Using a DependencyProperty as the backing store for Text. This enables animation, styling, binding, etc...
public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
"Text",
typeof(string),
typeof(CustomProgressRingPopup),
new PropertyMetadata("", OnTextChanged));
public void OpenPopup()
{
this.ParentPopup.IsOpen = true;
}
public void ClosePopup()
{
this.ParentPopup.IsOpen = false;
}
private static void OnTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var instance = d as CustomProgressRingPopup;
var newValue = e.NewValue as string;
if (instance != null && newValue != null)
{
instance.CustomTextBlock.Text = newValue;
}
}
private void OnPopupLoaded(object sender, RoutedEventArgs e)
{
this.ParentPopup.HorizontalOffset = (Window.Current.Bounds.Width - gdChild.ActualWidth) / 2;
this.ParentPopup.VerticalOffset = (Window.Current.Bounds.Height - gdChild.ActualHeight) / 2;
}
}
}userControl xaml：
<UserControl
x:Class="QSTLibrary.WIN8.Tools.CustomProgressRingPopup"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:QSTLibrary.WIN8.Tools"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400">
<Popup x:Name="ParentPopup" HorizontalAlignment="Center" VerticalAlignment="Center" Loaded="OnPopupLoaded">
<Grid x:Name="gdChild" Height="auto" Width="auto" Background="Blue" Margin="20">
<Grid.RowDefinitions>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<ProgressRing x:Name="CustomProgressRing" Height="40" Width="40" IsActive="true" Grid.Column="0" Margin="20"/>
<TextBlock x:Name="CustomTextBlock" Height="auto" Width="auto" FontSize="25" Grid.Column="1" Margin="20"/>
</Grid>
</Popup>
</UserControl>下面是我在外部使用它的方式：
_loginProgressRingPopup.Text = "Logging in";
_loginProgressRingPopup.OpenPopup();回答 4
Stack Overflow用户
回答已采纳
发布于 2013-09-27 12:59:02
我在cs文件中添加了弹出窗口的LayoutUpdate回调，现在可以工作了。
private void OnLayoutUpdated(object sender, object e)
{
if(gdChild.ActualWidth == 0 && gdChild.ActualHeight == 0)
{
return;
}
var coordinates = ParentPopup.TransformToVisual(Window.Current.Content).TransformPoint(new Point(0, 0));
double ActualHorizontalOffset = ParentPopup.HorizontalOffset;
double ActualVerticalOffset = ParentPopup.VerticalOffset;
double NewHorizontalOffset = ((Window.Current.Bounds.Width - gdChild.ActualWidth) / 2) - coordinates.X;
double NewVerticalOffset = ((Window.Current.Bounds.Height - gdChild.ActualHeight) / 2) - coordinates.Y;
if (ActualHorizontalOffset != NewHorizontalOffset || ActualVerticalOffset != NewVerticalOffset)
{
this.ParentPopup.HorizontalOffset = NewHorizontalOffset;
this.ParentPopup.VerticalOffset = NewVerticalOffset;
}
}来自XAML的弹出：
<Popup x:Name="ParentPopup" LayoutUpdated="OnLayoutUpdated">Stack Overflow用户
发布于 2016-11-15 19:15:22
在UWP Windows应用程序中定位Popup并不像可能的那样简单。这就是我是如何解决这个问题的。与其观察LayoutUpdated事件(这可能导致布局周期)，不如观察视图顶层元素的SizeChanged事件，并使用此事件重新定位包含在其中的弹出窗口。
在我的例子中，我将对话框定位在窗口的中心，从而使用Window.Current。还需要转换坐标，因为弹出将根据布局中实际定义Popup元素的位置使用自己的相对坐标系统：
private void MyDialog_SizeChanged(object sender, SizeChangedEventArgs e) {
var transform = Window.Current.Content.TransformToVisual(_popup);
Point point = transform.TransformPoint(new Point(0, 0)); // gets the window's (0,0) coordinate relative to the popup
double hOffset = (Window.Current.Bounds.Width - this.ActualWidth) / 2;
double vOffset = (Window.Current.Bounds.Height - this.ActualHeight) / 2;
_popup.HorizontalOffset = point.X + hOffset;
_popup.VerticalOffset = point.Y + vOffset;
}Stack Overflow用户
发布于 2013-09-26 16:16:54
您可以在XAML文件中居中：
<Popup x:Name="ParentPopup" PlacementTarget="{Binding ElementName=MainPanel}" Placement="Center" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19032750
复制相关文章
相似问题
腾讯云开发者
