Silverlight之画刷（7）

概述5种画刷 LinearGradientBrush -线性渐变画刷 RadialGradientBrush - 放射性渐变画刷 SolidColorBrush -单色画刷 ImageBrush - 图像画刷 VideoBrush - 视频画刷   1.        线性渐变画刷(LinearGradientBrush/GradientStop) 1)        StartPoint :线性渐变

5种画刷

linearGradIEntBrush -线性渐变画刷
RadialGradIEntBrush - 放射性渐变画刷

SolIDcolorBrush -单色画刷
ImageBrush - 图像画刷
VIDeoBrush - 视频画刷

 

1.        线性渐变画刷(linearGradIEntBrush/GradIEntStop)

1)        StartPoint :线性渐变起始点，如(0,0.5)，对象最左侧边框中间位置,第一个数字代表X轴的位置，第二个数字代表Y轴的位置

2)        EndPoint :线性渐变结束点，参见StartPoint

3)        color:填充的颜色，可以为命名颜色(如:Red)、6个或 8个字符的十六进制标示 (如：

3)FFFFFF)

4)        OffSet：获取渐变停止点在渐变向量中的位置。通俗的说，就是该颜色在对象中完全显示的位置，在完全显示的位置两侧，都为渐变的。如(0.75)，在对象的 3/4 处达到该颜色的饱和值。

@H_301_132@<!--@H_301_132@线性渐变画刷@H_301_132@(linearGradIEntBrush/GradIEntStop)-->

<linearGradIEntBrush StartPoint="0,0.5" EndPoint="1,0.5">

                    <GradIEntStop color="Black" Offset="0"></GradIEntStop>

                    <GradIEntStop color="Red" Offset="0.25"></GradIEntStop>

                    <GradIEntStop color="Blue" Offset="0.75"></GradIEntStop>

                    <GradIEntStop color="Yellow" Offset="1"></GradIEntStop>

                </linearGradIEntBrush>

 

2.        径向渐变画刷(RadialGradIEntBrush/GradIEntStop)

              @H_301_132@<!--@H_301_132@径向渐变画刷@H_301_132@(RadialGradIEntBrush/GradIEntStop)-->

                <RadialGradIEntBrush Center="0.5,0.5">

                    <GradIEntStop color="Blue" Offset="0"></GradIEntStop>

                    <GradIEntStop color="red" Offset="1"></GradIEntStop>

                </RadialGradIEntBrush>

1)    GradIEntStop: 获取或定义渐变开始的二维焦点的位置。及用一点来确定放射源在放射区域(圆)中的位置,如(0.5,0.5)

2)    Center: 渐变区域(渐变圆)的位置(圆心),为二维焦点,如（0.5,0.5）

3)    color: 填充的颜色(渐变色)，可以为命名颜色(如:Red)、6 个或 8个字符的十六进制标示 (如：FFFFFF)

4)    OffSet：获取渐变停止点在渐变向量中的位置。通俗的说，就是该颜色在对象中 完全显示的位置，在完全显示的位置两侧，都为渐变的。如(0.75)，在对象的 3/4 处 达到该颜色的饱和值。

5)    RadiusX :渐变圆的X轴放射半径。从圆心到所要填充对象最近的border，即为直径的1/2，所以,0.5 就是最大值

6)    RadiusY ：渐变圆Y轴放射半径

 

3.        单色花刷SolIDcolorBrush

@H_301_132@<!--@H_301_132@单色画刷@H_301_132@-->

<SolIDcolorBrush color="Blue" Opacity="0.25"></SolIDcolorBrush>

4.        图像画刷ImageBrush

@H_301_132@<!--@H_301_132@图像画刷@H_301_132@ImageBrush-->

                <ImageBrush AlignmentX="left" AlignmentY="Bottom" ImageSource="/sllayout;component/Images/Chrysanthemum.jpg"></ImageBrush>

5.        VIDeoBrush视频画刷

@H_301_132@<!--VIDeoBrush@H_301_132@视频画刷@H_301_132@-->

                <VIDeoBrush Sourcename="mediaElement"></VIDeoBrush>

 

  <MediaElement x:name="mediaElement" margin="679,163,-252,223" Source="/sllayout;component/九阴真经.wmv" />

 完整代码

<navigation:Page x:Class="sllayout.画刷" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           xmlns:d="http://schemas.microsoft.com/Expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
           xmlns:navigation="clr-namespace:System.windows.Controls;assembly=System.windows.Controls.Navigation"
           d:DesignWIDth="640" d:DesignHeight="480"
           Title="画刷 Page">
    <GrID x:name="LayoutRoot">
        <button Content="画刷测试" Height="23" HorizontalAlignment="left" margin="59,30,0" name="button1" VerticalAlignment="top" WIDth="75" />
        <Image Height="150"  HorizontalAlignment="left" margin="59,68,0" name="image1" Stretch="Fill"VerticalAlignment="top" WIDth="200" />
        <MediaElement x:name="mediaElement" margin="679,223" Source="/sllayout;component/九阴真经.wmv"  />
        <Ellipse Height="100" HorizontalAlignment="left"  margin="356,82,0" name="ellipse1" stroke="Black" strokeThickness="1" VerticalAlignment="top" WIDth="200">
                      <Ellipse.Fill>
                <!--线性渐变画刷(linearGradIEntBrush/GradIEntStop)-->
                <!--<linearGradIEntBrushStartPoint="0,0.5" EndPoint="1,0.5">
                    <GradIEntStopcolor="Black" Offset="0"></GradIEntStop>
                    <GradIEntStopcolor="Red" Offset="0.25"></GradIEntStop>
                    <GradIEntStopcolor="Blue" Offset="0.75"></GradIEntStop>
                    <GradIEntStopcolor="Yellow" Offset="1"></GradIEntStop>
               </linearGradIEntBrush>-->
                <!--径向渐变画刷(RadialGradIEntBrush/GradIEntStop)-->
                <!--<RadialGradIEntBrushCenter="0.5,0.5" RadiusX="1" RadiusY="0.5">
                    <GradIEntStopcolor="Blue" Offset="0"></GradIEntStop>
                    <GradIEntStopcolor="red" Offset="1"></GradIEntStop>
               </RadialGradIEntBrush>-->
                <!--单色画刷-->
                <!--<SolIDcolorBrushcolor="Blue"Opacity="0.25"></SolIDcolorBrush>-->
                <!--图像画刷ImageBrush-->
                <!--<ImageBrush AlignmentX="left"AlignmentY="Bottom"ImageSource="/sllayout;component/Images/Chrysanthemum.jpg"></ImageBrush>-->
                <!--VIDeoBrush视频画刷-->
                <VIDeoBrush Sourcename="mediaElement"></VIDeoBrush>
            </Ellipse.Fill>
        </Ellipse>
    </GrID>
</navigation:Page>

总结

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

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