如何使用渐变在WPF中创建条纹背景

时间:2014-02-05 15:31:47

标签: wpf silverlight styling wpf-4.0

我需要为边框创建一个剥离的背景,看起来应该是这样......

enter image description here

我尝试使用代码作为背景,但是当我尝试在数据模板中使用时,它显示灰色背景而不是剥离。

<LinearGradientBrush StartPoint="0,0" EndPoint="1,1" SpreadMethod="Repeat">
   <GradientStop Offset="0" Color="White"/>
   <GradientStop Offset="0.5" Color="White"/>
   <GradientStop Offset="0.5" Color="Black"/>
   <GradientStop Offset="1" Color="Black"/>
   <LinearGradientBrush.RelativeTransform>
      <ScaleTransform ScaleX="0.01" ScaleY="0.01"/>
   </LinearGradientBrush.RelativeTransform>
</LinearGradientBrush>

1 个答案:

答案 0 :(得分:2)

比例因子基于百分比值。假设您将画笔应用于矩形宽度= 600,高度= 600,然后使用scaleX = 0.01,条带的宽度为~6像素。但是将Rectangle大小缩小为Width = 60,Height = 60,条带宽度为~0.6像素。如此小的条纹,背景将显示为灰色。

由于您没有展示您的DataTemplate,我无法分辨您的元素的大小。

如果这是您的问题,请使用绑定根据目标元素的大小更改ScaleX,ScaleY值。