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

Question

你能建议我在设计过程中保持弹出窗口打开的任何解决方法吗？

例如（简体）：

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

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

Answer 1

您可以做的最简单的事情是将弹出窗口的内容暂时放在页面上，在那里进行设计，然后再将其放回弹出窗口。

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

右键单击您的项目，select 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>

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

UWP keep Flyout open in designer for editing

flyout

uwp