zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    java 之 模板模式(大话设计模式)
    java 之 原型模式(大话设计模式)
    java 之 工厂模式(大话设计模式)
    java 之 代理模式(大话设计模式)
    java 之 装饰模式(大话设计模式)
    java 之 策略模式(大话设计模式)
    java 之 简单工厂模式(大话设计模式)
    SVNKit完成前台Tree列表
    eclipse导出jar(含依赖)三步走
    简化SSM搭建详细分析配置
  • 原文地址:https://www.cnblogs.com/wjrelax/p/10075400.html
Copyright © 2011-2022 走看看