RectangleGeometry与相对尺寸...怎么样?
-
22-09-2019 - |
题
我试图复制对按钮我创建ControlTemplate时下所以时髦的“反射”的效果。
的基本思想是从白色到透明创建具有渐变填充的矩形,然后用rectanglegeometry剪辑一些半透明的矩形。
的问题是,不知道如何定义的相对矩形的几何形状。我有点工作围绕宽度通过定义一个较大的值(1000),但身高是个问题。例如,它适用于有一个200的高度按钮不错,但对于较小的按钮没有做任何事情。
任何想法?
<Rectangle RadiusX="5" RadiusY="5" StrokeThickness="1" Stroke="Transparent">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,0.55">
<GradientStop Color="#66ffffff" Offset="0.0" />
<GradientStop Color="Transparent" Offset="1.0" />
</LinearGradientBrush>
</Rectangle.Fill>
<Rectangle.Clip>
<RectangleGeometry Rect="0,0,1000,60" />
</Rectangle.Clip>
</Rectangle>
解决方案
您可以用MultiBinding
和新IMultiValueConverter
做到这一点:
public class RectangleConverter : IMultiValueConverter
{
public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
{
// you can pass in the value to divide by if you want
return new Rect(0, 0, (double)values[0], (double)values[1] / 3.33);
}
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
{
throw new NotSupportedException();
}
}
和在XAML使用像这样:
<lcl:RectangleConverter x:Key="rectConverter" />
...
<RectangleGeometry>
<RectangleGeometry.Rect>
<MultiBinding Converter="{StaticResource rectConverter}">
<Binding Path="ActualWidth" RelativeSource="{RelativeSource AncestorType={x:Type Button}}" />
<Binding Path="ActualHeight" RelativeSource="{RelativeSource AncestorType={x:Type Button}}" />
</MultiBinding>
</RectangleGeometry.Rect>
</RectangleGeometry>
不隶属于 StackOverflow