微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Silverlight之画刷7

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 处达到该颜色的饱和值。

<!--线性渐变画刷(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)

              <!--径向渐变画刷(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

<!--单色画刷-->

<SolidColorBrush Color="Blue" Opacity="0.25"></SolidColorBrush>

4.        图像画刷ImageBrush

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

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

5.        VideoBrush视频画刷

<!--VideoBrush视频画刷-->

                <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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐