WPF几种渐变色


 

[LinearGradientBrush-- 主要属性:

StartPoint 获取或设置线性渐变的二维起始坐标。

EndPoint 获取或设置线性渐变的二维终止坐标。

例子:

<LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <GradientStop Color="Blue" Offset="0"></GradientStop> <GradientStop Color="Red" Offset="0.3"></GradientStop> <GradientStop Color="White" Offset="1"></GradientStop> </LinearGradientBrush>

[GradientStop-主要属性:

Color 获取或设置渐变停止点的颜色。

Offset 获取渐变停止点在渐变向量中的位置。(一般设置可见区域 0-1)

例子:

<RadialGradientBrush GradientOrigin="0.7,0.3" RadiusX="1" RadiusY="1"> <GradientStop Color="White" Offset="0"></GradientStop> <GradientStop Color="Blue" Offset="1"></GradientStop> </RadialGradientBrush>

径向渐变:

 <StackPanel> <Rectangle  Margin="5" Width="150" Height="100"> <Rectangle.Fill> <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <GradientStop Color="Blue" Offset="0"></GradientStop> <GradientStop Color="Red" Offset="0.3"></GradientStop> <GradientStop Color="White" Offset="1"></GradientStop> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> <TextBlock Margin="5" Text="This text uses a gradient" Height="23" Name="textBlock1"> <TextBlock.Foreground> <LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> <GradientStop Color="Blue" Offset="0"></GradientStop> <GradientStop Color="Red" Offset="0.3"></GradientStop> <GradientStop Color="White" Offset="1"></GradientStop> </LinearGradientBrush> </TextBlock.Foreground> </TextBlock> <Ellipse Height="150" Name="ellipse" Stroke="Black" Margin="228,0,132,0"> <Ellipse.Fill> <RadialGradientBrush GradientOrigin="0.7,0.3" RadiusX="1" RadiusY="1"> <GradientStop Color="White" Offset="0"></GradientStop> <GradientStop Color="Blue" Offset="1"></GradientStop> </RadialGradientBrush> </Ellipse.Fill> </Ellipse> </StackPanel>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM