具有相对尺寸的RectangleGeometry ...如何?

本文介绍了具有相对尺寸的RectangleGeometry ...如何?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我正在尝试在正在创建的按钮的控件模板上复制当今如此时尚的反射"效果.

I'm trying to replicate the nowadays so fashionable "reflex" effect on a controltemplate for buttons I'm creating.

基本思想是创建一个具有从白色到透明的渐变填充的矩形，然后使用矩形几何体裁剪该半透明的矩形.

The basic idea is to create a rectangle with a gradient fill from white to transparent and then clip some of that semi-transparent rectangle with a rectanglegeometry.

问题是我不知道如何定义相对的矩形几何形状.我通过定义一个较大的值(1000)来解决宽度问题，但是高度是一个问题.例如，它对于高度为200的按钮效果很好，但对于较小的按钮则无济于事.

The problem is that I don't know how to define a relative rectangle geometry. I kind of worked around width by defining a large value (1000), but height is a problem. For example, it works good for buttons that have a 200 height, but doesn't do anything for smaller buttons.

有什么想法吗?

<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中像这样使用:

And used like so in your 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>