今天来了解一波径向渐变,所谓径向性渐变就是从一个特定的点出发到另一个点的距离为直径所形成的圆形。比较有特点因为他是呈出圆状的和其他的渐变不同。
首先,我们先创建一个网页或者用上次的创建的网格页面也行。
在这个页面的基础上我们给他第三个空格展示径向渐变,也刚好可以和旁边的线性渐变产生对比。
第二步:将渐变的位置挪在第三个空格上。使用Grid.Row和Grid.Column调整位置,上下距离调整为0左右空格位置调整为4.因为那条窄窄的边也算一个空格。
是加在外围标签内的。
第三步:开始使用渐变添加颜色。颜色可以根据自己的喜好来调整,需要注意我们这次的目的是打算在第三个网格空位上实现径向渐变而不是线性渐变,所以我们用到的是RadialGradientBrush标签而不是LinearGradientBrush标签需要进行区分。
再来看图片展示的整体效果。
可以清晰地看到我们的所有颜色除了最后面的蓝色看不出是个圆形以外,其他的都是圆状的。并且他们的圆心都是在正中间,和一旁的线性渐变完全不同。我们可以通过更改GradientStop标签里offset的参数来控制这个颜色圆状的大小。