lindexi

好多时间打出来代码没有bug

win10 uwp 圆角按钮

本文讲的是如何做圆角按钮,我们在UWP本来的按钮都是矩形,圆角Radius没有,所以本文就用简单方法去做圆角按钮。

我们按钮需要圆角,而自带没有,其实做一个很简单,把原来的按钮变为背景透明,然后使用矩形圆角,这样就是圆角按钮。

QQ图片20160708162533.png

按钮背景颜色透明,那么我们可以使用Background="{x:Null}"这时我们没有了背景,可以在按钮使用矩形圆角,然后写上我们需要的显示,当然上面图就是我们做的


                    <Button.Content>

                        <Grid>

                            <Viewbox>

                                <Grid>

                                    <Rectangle Fill="Gray" RadiusX="20" RadiusY="20">

                                    </Rectangle>

                                    <StackPanel Orientation="Horizontal">

                                        <!--<TextBlock Text="同步"/>-->



                                    </StackPanel>

                                </Grid>

                            </Viewbox>

                        </Grid>

                    </Button.Content>

这是按钮一般情况,还有鼠标移动在按钮上、按钮被点击这些需要改。

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接:http://blog.csdn.net/lindexi_gd ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系

阅读更多

扫码向博主提问

去开通我的Chat快问

lindexi_gd

博客专家

lindexi.gitee.io
  • 擅长领域:
  • UWP
  • WPF
  • C#
  • dotnetcore
  • git
版权声明:http://blog.csdn.net/lindexi_gd 本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lindexi_gd/article/details/51862001
文章标签: win10 uwp windows10
所属专栏: win10 uwp 控件入门
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭