多语言展示
当前在线:1291今日阅读:195今日分享:41

UWP如何设置渐变色背景(Gradient)

在UWP开发中,在设置背景画刷时,可以使用LinearGradientBrush,实现渐变色背景效果。渐变色背景在属性中直接设置比手写Xaml方便。
工具/原料

Visual Studio 2015

方法/步骤
1

渐变色画刷可以定义在很多控件的背景属性上。封面的效果就是设置了一个对话框ContentDialog的背景属性上,如图。

2

在属性内写一个LinearGradientBrush标签。接下来就可以选中这个标签,进行编辑。

3

选中标签打开右侧属性面板,就能编辑这个画刷。转换是一些变换,比如平移,旋转等。有相对和绝对。而常用的颜色,方向设置在下边的杂项中。

4

EndPoint就是渐变的终止点(相对的)。现在(1,1)就是左上到右下的方向。GradientStops设置渐变中间的颜色和位置。

5

打开GradientStops设置,可以添加移除渐变中间点,以及设置它们。比如设置颜色。和偏移(渐变色所在位置比例)。

6

另外,渐变画刷能在所有控件的背景使用,如图是在button的背景上使用。设置不同的EndPoint,可以调整渐变色方向。

注意事项
1

另外,设置的渐变色是可以带有不透明度的,然后就可以看到渐变透明的控件。

2

如果对你有帮助,可以投一票,Thanks.

推荐信息