Silverlight Brush画刷

概述Silverlight中，共有如下几种画刷 SolidColorBrush:单色画刷 LinearGradientBrush:线性渐变画刷 RadialGradientBrush:放射渐变画刷 ImageBrush：图像画刷 VideoBrush:影像画刷 1.SolidColorBrush:单色画刷 <!--使用预定义的画刷--> <Rectangle x:Name="solidcol

Silverlight中，共有如下几种画刷

SolIDcolorBrush:单色画刷 linearGradIEntBrush:线性渐变画刷 RadialGradIEntBrush:放射渐变画刷 ImageBrush：图像画刷 VIDeoBrush:影像画刷

1.solIDcolorBrush:单色画刷

<!--使用预定义的画刷--> <Rectangle x:name="solIDcolor1" WIDth="100" Height="100" Fill="Red" /> <!--使用16进制颜色数的画刷--> <Rectangle x:name="solIDcolor2" Canvas.left="100" Canvas.top="150" WIDth="100" Height="100" Fill="#22FF0000" /> <!--使用对象元素语法填充--> <Rectangle x:name="solIDcolor3" Canvas.left="200" Canvas.top="250" WIDth="100" Height="100"> <Rectangle.Fill> <SolIDcolorBrush color="#99FF0000" </Rectangle.Fill> </Rectangle>

2.linearGradIEntBrush:线性渐变画刷

linerGradIEntBrush线性渐变画刷将顺着渐变轴来渐变填充一个区域。为了使用线性渐变，需要指定渐变的颜色和渐变的方向，也就是渐变轴，通过修改渐变轴，可以创建水平或者垂直的渐变。在渐变画刷中，GradIEntStop是每个渐变画刷的最基本的构建块，通常需要指定color属性和Offset属性。

Offset属性：表示沿着渐变轴的偏移量，这是一个Double类型的值。值的范围是0-1之间，0表示渐变周起始位置，1表示渐变轴结束部分的值，这个值通常是像对于要填充区域的比例值。

<!--使用线性渐变画刷填充矩形--> <Rectangle WIDth="200" Height="100"> <Rectangle.Fill> <!--StartPoint和EndPoint指定渐变轴，最小值为0，最大值为1。--> <linearGradIEntBrush StartPoint="0,0" EndPoint="1,0"> <!--定义GradIEntStop--> <GradIEntStop color="Yellow" Offset="0.0" /> <GradIEntStop color="Red" Offset="0.25" /> <GradIEntStop color="Blue" Offset="0.75" /> <GradIEntStop color="limeGreen" Offset="1.0" /> </linearGradIEntBrush> </Rectangle.Fill> </Rectangle>

3.RadialGradIEntBrush:放射渐变画刷

<!--使用放射渐变画刷填充矩形--> <Rectangle WIDth="200" Height="100"> <Rectangle.Fill> <RadialGradIEntBrush GradIEntOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5"> <GradIEntStop color="Yellow" Offset="0" /> <GradIEntStop color="Red" Offset="0.25" /> <GradIEntStop color="Blue" Offset="0.75" /> <GradIEntStop color="limeGreen" Offset="1" /> </RadialGradIEntBrush> </Rectangle.Fill> </Rectangle>

<!--第一个矩形填充--> <Rectangle WIDth="100" Height="100"> <Rectangle.Fill> <RadialGradIEntBrush GradIEntOrigin="0.5,0.5" RadiusX="0.5" RadiusY="0.5"> <GradIEntStop color="White" Offset="0" /> <GradIEntStop color="Black" Offset="1" /> </RadialGradIEntBrush> </Rectangle.Fill> </Rectangle> <!--设置矩形下面显示的文本--> <TextBlock Canvas.left="0" Canvas.top="110" > GradIEntOrigin:0.5,0.5 <lineBreak></lineBreak> <Run Text="Center:0.5,0.5" Foreground="Red"></Run> <lineBreak></lineBreak> <Run Text="RadiusX:0.5" Foreground="Red"/> <lineBreak /> <Run Text="RadiusY:0.5" Foreground="Red"/> </TextBlock> <!--第二个矩形填充--> <Rectangle WIDth="100" Height="100" Canvas.left="180" Canvas.top="0"> <Rectangle.Fill> <RadialGradIEntBrush GradIEntOrigin="0.75,0.25" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5"> <GradIEntStop color="White" Offset="0" /> <GradIEntStop color="Black" Offset="1" /> </RadialGradIEntBrush> </Rectangle.Fill> </Rectangle> <!--设置矩形下面显示的文本--> <TextBlock Canvas.left="180" Canvas.top="110" > GradIEntOrigin:0.75,0.25 <lineBreak></lineBreak> <Run Text="Center:0.5,0.5" Foreground="Red"></Run> <lineBreak></lineBreak> <Run Text="RadiusX:0.5" Foreground="Red"/> <lineBreak /> <Run Text="RadiusY:0.5" Foreground="Red"/> </TextBlock> <!--第三个矩形填充--> <Rectangle WIDth="100" Height="100" Canvas.left="0" Canvas.top="220"> <Rectangle.Fill> <RadialGradIEntBrush GradIEntOrigin="0.5,0.5" RadiusX="0.25" RadiusY="0.5"> <GradIEntStop color="White" Offset="0" /> <GradIEntStop color="Black" Offset="1" /> </RadialGradIEntBrush> </Rectangle.Fill> </Rectangle> <!--设置矩形下面显示的文本--> <TextBlock Canvas.left="0" Canvas.top="320" > GradIEntOrigin:0.5,0.5 <lineBreak></lineBreak> <Run Text="Center:0.5,0.5" Foreground="Red"></Run> <lineBreak></lineBreak> <Run Text="RadiusX:0.25" Foreground="Red"/> <lineBreak /> <Run Text="RadiusY:0.5" Foreground="Red"/> </TextBlock> <!--第四个矩形填充--> <Rectangle WIDth="100" Height="100" Canvas.left="180" Canvas.top="220"> <Rectangle.Fill> <RadialGradIEntBrush GradIEntOrigin="0.5,0.5" RadiusX="0.5" RadiusY="0.25"> <GradIEntStop color="White" Offset="0" /> <GradIEntStop color="Black" Offset="1" /> </RadialGradIEntBrush> </Rectangle.Fill> </Rectangle> <!--设置矩形下面显示的文本--> <TextBlock Canvas.left="180" Canvas.top="320" > GradIEntOrigin:0.5,0.5" Foreground="Red"></Run> <lineBreak></lineBreak> <Run Text="RadiusX:0.5" Foreground="Red"/> <lineBreak /> <Run Text="RadiusY:0.25" Foreground="Red"/> </TextBlock>

 

线性渐变画刷的渐变轴是沿着一条直线进行渐变，而放射渐变画刷则是沿着一个圆形进行渐变，形成一种放射状的效果。

 

4.ImageBrush：图像画刷

<Canvas.Background> <ImageBrush ImageSource="desktop.jpg" Stretch="UniformToFill"></ImageBrush> </Canvas.Background>

5.VIDeoBrush

<!--为了实现VIDeoBrush，首先使用MediaElement定义一个视频流。--> <MediaElement x:name="KeyboardDemo" Source="Keyboard.wmv" IsMuted="True" Opacity="0.0" IsHitTestVisible="False"/> <!-- The text to paint. --> <TextBlock Canvas.left="5" Canvas.top="30" FontFamily="Verdana" FontSize="120" FontWeight="Bold" Text="VIDeo"> <TextBlock.Foreground> <!--将VIDeoBrush的Sourcename指定为上面定义的MediaElement元素，并设置拉伸属性--> <VIDeoBrush Sourcename ="KeyboardDemo" Stretch="UniformToFill"></VIDeoBrush> </TextBlock.Foreground> </TextBlock>

总结

以上是内存溢出为你收集整理的Silverlight Brush画刷全部内容，希望文章能够帮你解决Silverlight Brush画刷所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。