UWP让Flyout在设计师中保持开放状态以进行编辑

时间:2018-01-15 21:33:12

标签: uwp flyout

您能否建议我在设计过程中保持弹出窗口处于打开状态?

例如(简化):

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

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

1 个答案:

答案 0 :(得分:2)

您可以做的最简单的事情是将弹出窗口的内容暂时放在页面上,然后将其设计到弹出窗口中。

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

右键点击您的项目,选择Add -> New File,然后选择User Control并为其命名(例如BoardSelectionFlyoutContent)。这将创建xamlxaml.cs个文件,您可以在其中设计Flyout内容,并获得完整的设计师支持。

完成后,首先将名称空间添加到页面顶部的XAML引用中:

xmlns:local="using:TheNamespaceOfYourControl"

然后在Flyout

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