本文讲的是如何做圆角按钮，我们在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://dotnet-campus.github.io//post/win10-uwp-%E5%9C%86%E8%A7%92%E6%8C%89%E9%92%AE.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。

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

相关文章