Color="Blue" Offset="0"></GradientStop> <GradientStop Color="Red" Offset="0.3"></GradientStop Color="White" Offset="0"></GradientStop> <GradientStop Color="Blue" Offset="1"></GradientStop Color="Blue" Offset="0"></GradientStop> <GradientStop Color="Red" Offset="0.3">< /GradientStop> <GradientStop Color="White" Offset="1"></GradientStop> /GradientStop> <GradientStop Color="White" Offset="1"></GradientStop>
" /> <GradientStop x:Name="G6" Offset="0.5" Color="#f58122" /> <GradientStop x:Name="G10" Offset ="0.666" Color="#de3a3c" /> <GradientStop x:Name="G12" Offset="0.8633" Color="#943f96" /> <GradientStop " /> <GradientStop x:Name="G3" Offset=".166" Color="#f7b423" /> <GradientStop x:Name="G4" Offset " /> <GradientStop x:Name="G8" Offset="0.5" Color=" #f8f8f8" /> <GradientStop x:Name="G9" Offset "#943f96" /> <GradientStop x:Name="G13" Offset="0.8633" Color="#009fd9" /> <GradientStop x:Name
<LinearGradientBrush x:Key="g1" StartPoint="0,0" EndPoint="1,1"> <GradientStop Color="Orange" Offset ="0"/> <GradientStop Color="Yellow" Offset="0.5"/> <GradientStop Color="Orange" Offset="1"/> </LinearGradientBrush Color="Orange" Offset="0"/> <GradientStop Color="Yellow" Offset="0.5"/> <GradientStop > <ProgressBar.Foreground> <LinearGradientBrush EndPoint="0,1" StartPoint="0,0"> <GradientStop Color="#FF24EE27" Offset="0"/> <GradientStop Color="#FF5434AC" Offset="0.5"/> <GradientStop
Color="#00000000" Offset="0" ></GradientStop> <GradientStop Color="Black" Offset="0.5" ></GradientStop> <GradientStop Color="Black" Offset="0" ></GradientStop> <GradientStop Color="Black" Offset="0" ></GradientStop> <GradientStop Color="#FF383936" Offset="0" ></GradientStop> <GradientStop
Color="#00000000" Offset="0" ></GradientStop> <GradientStop Color="Black" Offset="0.5" ></GradientStop> <GradientStop Color="Black" Offset="0" ></GradientStop> <GradientStop Color="Black" Offset="0" ></GradientStop> <GradientStop Color="#FF383936" Offset="0" ></GradientStop> <GradientStop
Color="Yellow" Offset="0.0"></GradientStop> 5 <GradientStop Color="Red" Offset ="0.25"></GradientStop> 6 <GradientStop Color="Blue" Offset="0.75"></GradientStop ="0.25"></GradientStop> 6 <GradientStop Color="Blue" Offset="0.75"></GradientStop ="0.25"></GradientStop> 6 <GradientStop Color="Blue" Offset="0.75"></GradientStop ="0.25"></GradientStop> 6 <GradientStop Color="Blue" Offset="0.75"></GradientStop
定义梯度点 GradientStop gradientStop1 = new GradientStop(); GradientStop gradientStop2 = new GradientStop( ); gradientStop1.Color = Color.FromArgb(255, 0, 0, 0); gradientStop1.Offset = 0; gradientStop2.Color gradientStop1 = new GradientStop(); GradientStop gradientStop2 = new GradientStop(); //设置梯度点颜色和偏移 gradientStop1 = new GradientStop(); GradientStop gradientStop2 = new GradientStop(); GradientStop gradientStop3 = new GradientStop(); //设置梯度点颜色和偏移 gradientStop1.Color = Colors.Black; gradientStop1
Color="{DynamicResource ControlLightColor}" Offset="0" /> <GradientStop Color="{DynamicResource ControlMediumColor}" Offset="0.5" /> <GradientStop Color="#000000FF" Offset="0" /> <GradientStop Color="#600000FF Offset="0.6" /> <GradientStop Color="#000000FF" Offset="1" /> Color="Black" Offset="0" /> <GradientStop Color="White
RadialGradientBrush x:Name="Brush" Center=".5,.5" GradientOrigin=".5,.5" RadiusX=".43" RadiusY="2"> <GradientStop Color="Black" /> <GradientStop Offset=".5" Color="#6000" /> <GradientStop Offset TextBlock 的 OpacityMask 是一个圆形渐变画刷 RadialGradientBrush ,它并不关心各个 GradientStop 的颜色,只关心它们的 alpha 通道。
可以使用 GradientStop 对象指定渐变的颜色及其位置。 其中GradientStop有两个属性:Color颜色和offset偏移量。 Color="Yellow" Offset="0.0" /> <GradientStop Color="Orange" Offset="0.5" /> <GradientStop 与 LinearGradientBrush 类一样,可以使用 GradientStop 对象指定渐变的颜色及其位置。 Color="Yellow" Offset="0.0" /> <GradientStop Color="Orange" Offset="0.5" /> <GradientStop
RadialGradientBrush x:Name="Brush" Center=".3,.0" GradientOrigin=".3,.0" RadiusX=".2" RadiusY=".2"> <GradientStop Color="#8000" /> <GradientStop Offset=".7" Color="#3000" /> <GradientStop Offset <Rectangle.Fill> <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop x:Name="Stop1" Offset=".5" Color="#10FFFFFF" /> <GradientStop x:Name="Stop2" Offset=".5"
Button.Background> <LinearGradientBrush EndPoint="1,1" StartPoint="0,0"> <GradientStop Color="#FFC564B8" Offset="0"/> <GradientStop Color="#FFF57A7A" Offset="1"/> --<RadialGradientBrush> <GradientStop Color="#FFC564B8" Offset="0"/> <GradientStop Color="#FFF57A7A" Offset="1"/> </RadialGradientBrush>--> <LinearGradientBrush EndPoint="1,1" StartPoint="0,0"> <GradientStop Color
<Rectangle.Fill> <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,.5"> <GradientStop Color="Black" /> <GradientStop Offset="1" Color="Transparent" /> <GradientStop
<TranslateTransform /> </TransformGroup> </LinearGradientBrush.RelativeTransform> <GradientStop Color="#000" /> <GradientStop Offset=".25" Color="#000" /> <GradientStop Offset=".416" Color ="#ffb6ff" /> <GradientStop Offset=".583" Color="#b344ff" /> <GradientStop Offset=".75" Color ="#000" /> <GradientStop Offset="1" Color="#000" /> </LinearGradientBrush> 上面的 XML 定义了一个渐变的 LinearGradientBrush
例如我创建了 3 个颜色 var gradientStop0 = new GradientStop() { Color Position = 0.5f }; var gradientStop2 = new GradientStop() { [] { gradientStop0, gradientStop1, gradientStop2 Position = 0f }; var gradientStop1 = new GradientStop() { gradientStop0, gradientStop1, gradientStop2, };
LinearGradientBrush brush = new LinearGradientBrush(); GradientStop gradientStop1 = new GradientStop (); GradientStop gradientStop2 = new GradientStop(); LinearGradientBrush即为渐变画笔,以下图为例 渐变方向为(0,0)到(1,1 定义颜色需要用到GradientStop,我们称GradientStop为梯度点 现在初始化梯度点,并修改背景画笔 gradientStop1.Color = new Windows.UI.Color( ) { A = 255, R = 255, G = 0, B = 0 }; gradientStop1.Offset = 0; gradientStop2.Color = new Windows.UI.Color () { A = 255, R = 0, G = 0, B = 255 }; gradientStop2.Offset = 1; brush.GradientStops.Add(gradientStop1
如果两个 GradientStop 之间 Color 相同就不会发生渐变,如果两个 GradientStop 之间 Offset 就会马上变。 " /> <GradientStop x:Name="G3" Offset=".166" Color="#f7b423" /> <GradientStop x:Name="G4" Offset " /> <GradientStop x:Name="G8" Offset="0.5" Color=" #f8f8f8" /> <GradientStop x:Name="G9" Offset "#943f96" /> <GradientStop x:Name="G13" Offset="0.8633" Color="#009fd9" /> <GradientStop x:Name Color="Black" /> <GradientStop Offset=".5" Color="#6000" /> <GradientStop Offset
<LinearGradientBrush EndPoint="0,1" StartPoint="0,0"> <GradientStop Color="White" Offset="0.0" /> <GradientStop Color="#FFFF4300" Offset ="0.5" /> <GradientStop Color="White" Offset="0.0" /> <LinearGradientBrush StartPoint="0,1" EndPoint="0,0"> <GradientStop Color="OrangeRed" Offset="0"/> <GradientStop Color="#FFFFCB97" Offset="1"/>
Color="Yellow" Offset="0.0" /> <GradientStop Color="Blue" Offset="0.5" /> <GradientStop Color="Green" Offset="1.0" /> </LinearGradientBrush> </Page.Resources> stop1 = new GradientStop(); stop1.Color = Colors.Yellow; stop1.Offset = 0.0; stops.Add(stop1); GradientStop stop2 = new GradientStop(); stop2.Color = Colors.Blue; stop2.Offset = 0.5; stops.Add(stop2); GradientStop stop3 = new GradientStop()
Border.BorderBrush> <LinearGradientBrush EndPoint="0,1"> <GradientStop Offset="0" Color="#FF95EB09"/> <GradientStop Offset="1" Color="Yellow"/> Border.Background> <LinearGradientBrush EndPoint="0,1"> <GradientStop Offset="0" Color="Yellow"/> <GradientStop Offset="1" Color="#FF95EB09"/>