2019-2-27-win10-uwp-去掉-Flyout-边框

阅读 3

2024-10-11

title

author

date

CreateTime

categories

win10 uwp 去掉 Flyout 边框

lindexi

2019-02-27 17:48:46 +0800

2019-02-27 17:40:54 +0800

Win10 UWP

在 UWP 的 Flyout 的边框一点都不好看,本文告诉大家如何去掉这个边框

先写一个简单的界面,这个界面里面有一个按钮

<Button.Flyout>
                <Flyout Placement="Right">
                    <Grid Name="PopupGrid" Background="Aqua" Height="600" Width="200"/>
                </Flyout>
            </Button.Flyout>
        </Button>

运行代码,点击按钮,可以看到下面界面

通过重写 FlyoutPresenterStyle 可以修改边框的距离

<Button.Flyout>
                <Flyout Placement="Right">
                    <Flyout.FlyoutPresenterStyle>
                        <Style TargetType="FlyoutPresenter">
                            <Setter Property="Padding" Value="0"></Setter>
                            <Setter Property="BorderThickness" Value="0"></Setter>
                        </Style>
                    </Flyout.FlyoutPresenterStyle>
                    <Grid Name="PopupGrid" Background="Aqua" >
                        <TextBlock Margin="10,10,10,10" Text="欢迎访问我博客 https://blog.lindexi.com 里面有大量 UWP 博客"></TextBlock>
                    </Grid>
                </Flyout>
            </Button.Flyout>

现在运行代码点击按钮可以看到下面界面,看不到边框

更多 Flyout 请看

win10 uwp 右击浮出窗在点击位置









精彩评论(0)

0 0 举报