2018-2-13-win10-uwp-圆角按钮-CSDN博客

本文链接：https://blog.csdn.net/lindexi_gd/article/details/103185341

本文介绍在Windows 10 UWP应用中实现圆角按钮的方法。通过将默认按钮背景设为透明，并利用矩形元素添加圆角效果，实现美观的按钮设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

title	author	date	CreateTime	categories
win10 uwp 圆角按钮	lindexi	2018-2-13 17:23:3 +0800	2018-2-13 17:23:3 +0800	Win10 UWP

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

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

按钮背景颜色透明，那么我们可以使用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>