UWP 在设计器中保持 Flyout 打开以进行编辑答案

【问题标题】：UWP keep Flyout open in designer for editingUWP 在设计器中保持 Flyout 打开以进行编辑
【发布时间】：2018-06-24 13:18:19
【问题描述】：

您能否建议我在设计期间保持弹出窗口打开的任何解决方法？

例如（简体）：

<Page.Resources>
    <Flyout x:Key="FlyoutBoardSelection" Placement="Bottom" FlyoutPresenterStyle="{StaticResource FlyoutStyleDefault}" >
        <Textblock Text="I wannabe visible"/>
    </Flyout>
</Page.Resources>

<Grid>
    <Button Grid.Column="0" Grid.Row="0" Style="{StaticResource ButtonStyleDefault}" Content="OpenFlyout" Flyout="{StaticResource FlyoutBoardSelection}"/>
</Grid>

它运行时运行良好，但我只能盲目地设计它。

【问题讨论】：

标签： uwp flyout

【解决方案1】：

您可以做的最简单的事情是将浮出控件的内容临时放在页面上，在那里进行设计，然后将其放回浮出控件中。

更好的解决方案是创建一个新的UserControl，您可以单独设计它，然后放入Flyout。

右键单击您的项目，选择Add -> New File，然后选择User Control 并为其命名（如BoardSelectionFlyoutContent）。这将创建一个xaml 和xaml.cs 文件，您可以在其中设计Flyout 的内容，并提供完整的设计器支持。

完成后，首先将命名空间添加到页面顶部的 XAML 引用：

xmlns:local="using:TheNamespaceOfYourControl"

然后在Flyout里面使用：

<Flyout x:Key="FlyoutBoardSelection" Placement="Bottom" 
        FlyoutPresenterStyle="{StaticResource FlyoutStyleDefault}" >
    <local:BoardSelectionFlyoutContent />
</Flyout>

【讨论】：