本文讲的是如何做圆角按钮,我们在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>

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


本文会经常更新,请阅读原文: https://blog.lindexi.com/post/win10-uwp-%E5%9C%86%E8%A7%92%E6%8C%89%E9%92%AE.html ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

如果你想持续阅读我的最新博客,请点击 RSS 订阅,推荐使用RSS Stalker订阅博客,或者收藏我的博客导航

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

微软最具价值专家


无盈利,不卖课,做纯粹的技术博客

以下是广告时间

推荐关注 Edi.Wang 的公众号

欢迎进入 Eleven 老师组建的 .NET 社区

以上广告全是友情推广,无盈利