实现上述图片的内容。
需要实现的有:
1.使用ImageBrush设置图片边框
2.使用RadialGradientBrush设置背景色
3.使用SolidColorBrush设置字体前景色
4.为大标题声明一个字符串资源
5.使用GroupBox设置内容
1.使用ImageBrush设置图片边框
<ImageBrush x:Key="borderbursh" ImageSource="/image.jpg" TileMode="Tile" Viewport="0,0,1,1"/>
其中,ImageBrush各属性的含义:
关于TileMode:
TileMode.None:圆形中小图没有平铺,只在左上角放了一张小图片;如下图所示。
TileMode.Tile: 图片象铺地砖式地一张张平铺到一起,填充到矩形中,但没有做任何镜像对称反转;如下图所示。
TileMode.FlipX:图片在水平(X)方向上做了镜像对称反转;如下图所示。
TileMode.FlipY:图片在垂直(Y)方向上做了镜像对称反转(正立/倒立);如下图所示。
TileMode.FlipXY:图片不但在水平方向上做了镜像对称反转,而且在垂直(Y)方向上做了镜像对称反转(正立/倒立)。如下图所示。
关于Viewbox和Viewport:
图块部分由Viewbox控制(图块的哪部分输出),输出区域由Viewport控制(设置平铺的范围),它们默认情况下都是一个(0,0,1,1)的矩形(整个屏幕)。
接下来演示一下,不同的参数值,Viewbox展示的图片效果的不同。
全局图片如图: