梯度带有形状

Question

我需要创建看起来像下面

元素的背景是否有可能与渐变或其他一些技术实现这一否则我将不得不使用的图像文件？

这只是背景，我有麻烦，而不是阴影效果。

Answer 1

如果你想用一个元素来做，那么就像;

<Border Width="300" Height="75" 
       BorderThickness="3" 
       CornerRadius="5"> 
      <Border.Background> 
       <LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0"> 
        <GradientStop Color="#FFC4C3C3" Offset="0.429"/> 
        <GradientStop Color="#FFE9E9E9" Offset="0.652"/> 
       </LinearGradientBrush> 
      </Border.Background> 
      <Border.BorderBrush> 
       <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
        <GradientStop Color="#FFE9E9E9" Offset="0"/> 
        <GradientStop Color="#FFB9B6B6" Offset="1"/> 
       </LinearGradientBrush> 
      </Border.BorderBrush> 
      <Border.Effect> 
       <DropShadowEffect Direction="280" Color="#FF515050" BlurRadius="2"/> 
      </Border.Effect> 
     </Border> 

如果你想让你的曲线在渐变中，那么类似;

<Grid Width="300" Height="75"> 
     <Border 
       BorderThickness="3" 
       CornerRadius="5"> 
      <Border.Background> 
       <LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0"> 
        <GradientStop Color="#FFC4C3C3" Offset="0.429"/> 
        <GradientStop Color="#FFE9E9E9" Offset="0.652"/> 
       </LinearGradientBrush> 
      </Border.Background> 
      <Border.BorderBrush> 
       <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
        <GradientStop Color="#FFE9E9E9" Offset="0"/> 
        <GradientStop Color="#FFB9B6B6" Offset="1"/> 
       </LinearGradientBrush> 
      </Border.BorderBrush> 
      <Border.Effect> 
       <DropShadowEffect Direction="280" Color="#FF515050" BlurRadius="2"/> 
      </Border.Effect> 
     </Border> 
     <Path Data="M0,0 L300,0 L300,40.768158 L296.83832,41.189522 C253.5976,46.794456 203.45944,50.000004 150,50.000004 C96.540565,50.000004 46.402409,46.794456 3.1617098,41.189522 L0,40.768158 z" Fill="#FFDADADA" Margin="3" Height="50" VerticalAlignment="Top" Stretch="Fill" UseLayoutRounding="False"/> 
     </Grid> 

你当然需要你的颜色和大小，达到您想要的东西玩，但这个应该有希望成为开始为你的好去处。干杯