像iPad的覆盖弹出窗口

Question

会怎么做一个一个iPad一样覆盖窗口这样 在WPF XAML与

我想过一个切换按钮，或扩展控制。 如果面板是可缩放的，那将会很不错。 我有最大的问题与中心覆盖有不同的大小，然后按钮本身。

任何帮助，链接或资源将是伟大的。

Answer 1

dowhilefor是正确的，弹出类是要走的路 - 我做了一个小样本项目使用弹出与自定义控件作为孩子。最重要的是Popup的PlacementTarget和Placement字段，因为它们让你设置弹出窗口的位置。希望这可以帮助！

自定义控制：

<UserControl x:Class="SilverfighterTest.PopupControl" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     mc:Ignorable="d" 
     d:DesignHeight="300" d:DesignWidth="300"> 
<UserControl.Resources> 
    <Style TargetType="Button"> 
     <Setter Property="Margin" Value="4"/> 
     <Setter Property="Padding" Value="7"/> 
    </Style> 
</UserControl.Resources> 
<Grid Background="Gray"> 
    <StackPanel> 
     <Button>Clone</Button> 
     <Button>Log Call</Button> 
     <Button> Visit Report</Button> 
     <Button> Delete</Button> 
     <Button>Cancel</Button> 
    </StackPanel> 

</Grid> 
</UserControl> 

窗口使用弹出：背后

<Window x:Class="SilverfighterTest.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:SilverfighterTest" 
    Title="MainWindow" Height="350" Width="525"> 
<Grid> 
    <Rectangle VerticalAlignment="Top" Name="rect" MouseLeftButtonDown="rect_MouseLeftButtonDown" HorizontalAlignment="Right" Height="50" Width="50" Fill="Red"> 

    </Rectangle> 

    <Popup PopupAnimation="Slide" Placement="Bottom" PlacementTarget="{Binding ElementName=rect}" Name="thePopup" > 
     <local:PopupControl/> 
    </Popup> 
</Grid> 

代码窗口：

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 

    } 

    private void rect_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) 
    { 
     thePopup.IsOpen = !thePopup.IsOpen; 
    } 
}