xaml - 将PopUp放置在Itemscontrol中

Question

我有一个itemscontrol，其中所有元素都是PopUps。问题是，与放置ItemsControl的网格相比，我不知道如何放置它们。我尝试过使用水平和垂直对齐方式，但这无济于事。到目前为止，我得到的xaml代码是:

<Grid>     
<ItemsControl Grid.Row="1" VerticalContentAlignment="Top" HorizontalAlignment="Left" ItemsSource="{Binding PopUp}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                        <ViewModel:PopUpTemplateSelector.EndTurnMenuTemplate>
                            <DataTemplate>
                                <Popup IsOpen="{Binding PU.IsOpen}" HorizontalAlignment="Left" VerticalAlignment="Top">
                                    <Design:InGame_NextTurn_UserControl/>
                                </Popup>
                            </DataTemplate>
                        </ViewModel:PopUpTemplateSelector.EndTurnMenuTemplate>
                    </ViewModel:PopUpTemplateSelector>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
</Grid>

Answer 1

我建议也许改用下面的叠加方法。

From this Nokia page:

叠加XMAL:

<UserControl x:Class="WindowsPhoneSample7.OverLay"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    d:DesignHeight="800" d:DesignWidth="480">

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="400"/>
            <RowDefinition Height="400"/>
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="1">
            <ProgressBar IsIndeterminate="True" Foreground="Orange" Height="50" Width="480" VerticalAlignment="Center"/>
            <TextBlock Text="Wait" Foreground="Orange" HorizontalAlignment="Center"/>
        </StackPanel>
    </Grid>
</UserControl>

重叠的代码:

public OverLay()
{
     InitializeComponent();
     this.LayoutRoot.Height = Application.Current.Host.Content.ActualHeight;
     this.LayoutRoot.Width = Application.Current.Host.Content.ActualWidth;   
     SystemTray.IsVisible = false; //to hide system tray
}

MainPage背后的代码:

public partial class MainPage : PhoneApplicationPage
{
    private Popup popup;
    // Constructor
    public MainPage()
    {
        InitializeComponent();
        this.popup = new Popup();
    }

    private void BtnStart_Click(object sender, RoutedEventArgs e)
    {
        this.LayoutRoot.Opacity = 0.2;
        OverLay ovr = new OverLay();
        this.popup.Child = ovr;
        this.popup.IsOpen = true;
        BackgroundWorker worker = new BackgroundWorker();
        worker.DoWork += (s, a) =>
        {
            Thread.Sleep(5000);
        };
        worker.RunWorkerCompleted += (s, a) =>  
        {
            popup.IsOpen = false;
            this.LayoutRoot.Opacity = 1.0;
        };
        worker.RunWorkerAsync();
    }

    protected override void OnBackKeyPress(System.ComponentModel.CancelEventArgs e)
    {
        this.popup.IsOpen = false;
    }
}