WPF之声明资源习题

习题"/>

WPF之声明资源习题

实现上述图片的内容。
需要实现的有：
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展示的图片效果的不同。
全局图片如图：

2.使用RadialGradientBrush设置背景色

<!--径向渐变--><RadialGradientBrush ><GradientStop Color="#FFB6F8F1" Offset="0"/><GradientStop Color="#FF0082BD" Offset="0.25"/><GradientStop Color="#FF95DEFF" Offset="0.75"/><GradientStop Color="#FF004F72" Offset="1.5"/></RadialGradientBrush>

实现效果：

其中，RadialGradientBrush的属性有：
1.GradientOrigin是焦点，它是定义渐变的开始。GradientOrigin设置中心点，默认是 GradientOrigin=“0.5,0.5”,即处于中心点位置
2.Center="x,y"获取或设置外面圆的圆心,默认值是Center=“0.5,0.5”
3.RadiusX 获取或设置外面圆的水平半径,默认值是RadiusX=“0.5”
4.RadiusY 获取或设置外面圆的垂直半径,默认值是RadiusY=“0.5”

3.使用SolidColorBrush设置字体前景色

 <SolidColorBrush x:Key="buttonBrush">Pink</SolidColorBrush> 

效果图：

4.为大标题声明一个字符串资源

xmlns:sys="clr-namespace:System;assembly=mscorlib"> //sys：为引用的命名空间命名<sys:String x:Key="str1">WPF基础</sys:String><sys:String x:Key="str2">32</sys:String>

5.使用GroupBox设置内容

<GroupBox Header="以下属于资源分类的是：" Margin="10" Grid.Row="1" Grid.ColumnSpan="2"><Grid><Grid.RowDefinitions><RowDefinition/><RowDefinition/><RowDefinition/><RowDefinition/></Grid.RowDefinitions><CheckBox Grid.Row="0" Margin="10"><TextBlock Text="静态资源"/></CheckBox><CheckBox Grid.Row="1" Margin="10"><TextBlock Text="动态资源"/></CheckBox><CheckBox Grid.Row="2" Margin="10"><TextBlock Text="逻辑资源"/></CheckBox><CheckBox Grid.Row="3" Margin="10"><TextBlock Text="二进制资源"/></CheckBox></Grid></GroupBox>

效果图：