WPF:是否可以使用MahApps.Metro在可滚动窗口上创建弹出窗口?

本文关键字：窗口 滚动 创建 是否 可以使 Metro MahApps WPF | 更新日期: 2023-09-27 18:11:20

Metro，我几天前用过这个，现在希望在底部的可滚动窗口上添加弹出，就像固定菜单栏一样。这可能吗?

下面是生成弹出框的XAML页面的代码，出于临时目的，我现在在顶部添加了

<Controls:FlyoutsControl>
            <Controls:Flyout Header="Actions" Name="TestFlyout" VerticalAlignment="Bottom" Position="Top" Width="990" Theme="Adapt">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="20*"></ColumnDefinition>
                        <ColumnDefinition Width="20*"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Button Content="Save" Width="70" Height="30" HorizontalAlignment="Left" Grid.Column="0"></Button>
                    <Button Content="Cancel" Width="70" Height="30" HorizontalAlignment="Left" Grid.Column="1"></Button>
                </Grid>
            </Controls:Flyout>
        </Controls:FlyoutsControl>

WPF:是否可以使用MahApps.Metro在可滚动窗口上创建弹出窗口?

也许您忘记在弹出框中放置您的弹出框。您应该使用Position="Bottom"而不是VerticalAlignment="Bottom"。

<Grid>
    <ScrollViewer Name="scrlMain"
                    CanContentScroll="True"
                    HorizontalScrollBarVisibility="Auto"
                    VerticalScrollBarVisibility="Auto"
                    VerticalAlignment="Stretch">
        <TextBlock Text="Test"></TextBlock>
    </ScrollViewer>
    <Controls:Flyout Header="Actions"
                        Name="TestFlyout"
                        IsOpen="True"
                        Position="Bottom"
                        Width="990"
                        Theme="Adapt">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="20*"></ColumnDefinition>
                <ColumnDefinition Width="20*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Button Content="Save"
                    Width="70"
                    Height="30"
                    HorizontalAlignment="Left"
                    Grid.Column="0"></Button>
            <Button Content="Cancel"
                    Width="70"
                    Height="30"
                    HorizontalAlignment="Left"
                    Grid.Column="1"></Button>
        </Grid>
    </Controls:Flyout>
</Grid>

相关文章：