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

如何使用渐变填充创建形状,并将其添加到WPF中的边框背景中,wpf,background,shapes,linear-gradients,Wpf,Background,Shapes,Linear Gradients,我正在尝试创建以下形状作为边框的背景。您会注意到,形状的底部有一个线性渐变 我一直在玩线条、形状和渐变,但我无法将下面的内容应用到边框上。我也不能得到那样的形状 这可能吗?如果是,有人能帮忙吗 下面的XAML生成了一个与您的图片相似的画笔。您应该围绕颜色、偏移和其他部分进行调整,以获得最佳外观 <DrawingBrush x:Key="br1" Viewbox="0,0,100,100" ViewboxUnits="Absolute" > <DrawingBrush.Dra

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

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

这可能吗?如果是,有人能帮忙吗


下面的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>


玩得开心

下面的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>


玩得开心

@Mario Vernari,哇,我在这里印象深刻。这正是我想要的。你是如何开始创建画笔的?你是否使用了表达式设计,或者是否有一些地方可以让我了解更多关于“渐变原点”和“视口”的信息?嗯,我使用Blend只是为了快速调整,但我从不在日常工作中使用。关于文档,这里您可以找到一些基本示例:但是,我建议您看看SVG规范。SVG不是XAML,但它们有几个共同的概念,这应该可以帮助您更好地理解向量图形的许多方面:@Mario Vernari-Thanx@Mario韦纳里,哇,我在这里印象深刻。这正是我想要的。你是如何开始创建画笔的?你是否使用了表达式设计,或者是否有一些地方可以让我了解更多关于“渐变原点”和“视口”的信息?嗯,我使用Blend只是为了快速调整,但我从不在日常工作中使用。关于文档,这里您可以找到一些基本示例:但是,我建议您看看SVG规范。SVG不是XAML,但它们有几个共同的概念,这将帮助您更好地理解向量图形的许多方面:@Mario Vernari-Thanx