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