如何使用渐变填充创建形状,并将其添加到WPF中的边框背景

时间:2013-11-20 07:38:49

标签: wpf background shapes linear-gradients

我正在尝试创建以下形状作为边框的背景。您会注意到形状的底部有一个线性渐变。

我玩过线条,形状和渐变,但我无法将下面的内容应用于边框。我也不能得到那样的形状。

这甚至可能吗?如果是的话,任何人都可以提供帮助

enter image description here

1 个答案:

答案 0 :(得分:3)

以下XAML会生成与您的图片类似的画笔。您应该围绕颜色,偏移和其余部分进行游戏以获得最佳外观。

<DrawingBrush x:Key="br1" Viewbox="0,0,100,100" ViewboxUnits="Absolute" >
  <DrawingBrush.Drawing>
    <DrawingGroup>
        <GeometryDrawing Brush="Lavender">
          <GeometryDrawing.Geometry>
              <RectangleGeometry Rect="0,0,100,100" />
          </GeometryDrawing.Geometry>
        </GeometryDrawing>
        <GeometryDrawing>
            <GeometryDrawing.Brush>
                <RadialGradientBrush GradientOrigin="0.5,0.01" Center="0.5,-0.2" RadiusX="100">
                    <GradientStop Color="MidnightBlue" Offset="1.0" />
                    <GradientStop Color="LightSteelBlue" Offset="0.0" />
                </RadialGradientBrush>
            </GeometryDrawing.Brush>
          <GeometryDrawing.Geometry>
              <EllipseGeometry Center="60,310" RadiusX="160" RadiusY="300" />
          </GeometryDrawing.Geometry>
        </GeometryDrawing>
    </DrawingGroup>
  </DrawingBrush.Drawing>
</DrawingBrush>

玩得开心!