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


    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 右击浮出窗在点击位置

  • 相关阅读:
    PHP 把字符转换为 HTML 实体
    CSS 不换行 white-space 属性详解
    JQuery 事件器的介绍
    maven 添加自己的包
    MYSQL 安装
    优秀系统
    JSP中的相对路径和绝对路径(转)
    Eclipse RCP扩展
    JSTL与EL(转)
    el表达式跟ognl表达式的区别(转)
  • 原文地址:https://www.cnblogs.com/lindexi/p/12086638.html
Copyright © 2020-2023  润新知