zoukankan      html  css  js  c++  java
  • LinearGradientBrush使用

    LinearGradientBrush:在一个区域内进行渐变填充。

    属性StartPoint定义了启示位置,一般是(0,0) 属性EndPoint定义了结束为宗旨,一般是(1,1).类型为point。所得渐变的颜色是沿着对角方向路径插入的。

    GradientStop指各渐变颜色的结束位置。

    样例(应用MSDN):

    代码
    <Rectangle Width="200" Height="100">
      
    <Rectangle.Fill>
        
    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
          
    <GradientStop Color="Yellow" Offset="0.0" />
          
    <GradientStop Color="Red" Offset="0.25" />
          
    <GradientStop Color="Blue" Offset="0.75" />
          
    <GradientStop Color="LimeGreen" Offset="1.0" />
        
    </LinearGradientBrush>
      
    </Rectangle.Fill>
    </Rectangle>
    代码
    Rectangle diagonalFillRectangle = new Rectangle();
    diagonalFillRectangle.Width 
    = 200;
    diagonalFillRectangle.Height 
    = 100;

    // Create a diagonal linear gradient with four stops.   
    LinearGradientBrush myLinearGradientBrush =
        
    new LinearGradientBrush();
    myLinearGradientBrush.StartPoint 
    = new Point(0,0);
    myLinearGradientBrush.EndPoint 
    = new Point(1,1);
    myLinearGradientBrush.GradientStops.Add(
        
    new GradientStop(Colors.Yellow, 0.0));
    myLinearGradientBrush.GradientStops.Add(
        
    new GradientStop(Colors.Red, 0.25));                
    myLinearGradientBrush.GradientStops.Add(
        
    new GradientStop(Colors.Blue, 0.75));        
    myLinearGradientBrush.GradientStops.Add(
        
    new GradientStop(Colors.LimeGreen, 1.0));

    // Use the brush to paint the rectangle.
    diagonalFillRectangle.Fill = myLinearGradientBrush;

  • 相关阅读:
    js总结 |数组重复问题
    前端Js自定义相机取景框
    nodejs+mongodb运用
    使用MongoDB
    总结 |异步/非阻塞的处理方式
    npm与依赖包
    js总结 |JS深度拷贝的方法
    js笔记 |整洁代码技巧
    微信支付——介入指引
    2021最全测试资源合集(已更新至2021.03.09,关注测试生财公众号,享受独家爆料)
  • 原文地址:https://www.cnblogs.com/poplau/p/1871674.html
Copyright © 2011-2022 走看看