Silverlight 中的圆角矩形

Question

我正在尝试在 Silverlight 中创建一个矩形，其角是圆角的。但是，我没有明确指定矩形的宽度和高度，这意味着它会适应包含它的网格的大小（网格的大小取决于屏幕分辨率等，并且事先未知） ）。

我希望 RadiusX 和 RadiusY 属性分别是矩形宽度和高度的百分比。这样做最干净的方法是什么？是否有一种仅 XAML 的方法（无需诉诸代码隐藏）？

Answer 1

下面两个文件可供下载，我用于测试此 http://dl.dropbox.com/u /8679840/SilverlightApplication1.zip

重用的最佳方法是创建一个类型转换器，例如

<Grid x:Name="LayoutRoot" Background="White">
    <Rectangle x:Name="rectangle" 
    Width="200" Height="200"
    RadiusX="{Binding Width, ElementName=rectangle, Converter={StaticResource myConverter}, ConverterParameter=.1}" 
    RadiusY="{Binding Height, ElementName=rectangle, Converter={StaticResource myConverter}, ConverterParameter=.1}"
    />
</Grid>

以及后面的代码

namespace SilverlightApplication1
{
      public class PercentConverter : IValueConverter 
    { 
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
        { 
            return System.Convert.ToDouble(value) * System.Convert.ToDouble(parameter); 
        } 

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
        { 
            throw new NotImplementedException(); 
        } 
    }
}

Answer 2

虽然贾斯汀·金的答案在事先知道宽度和高度的情况下有效，但如果未设置它们，则它不起作用，并且父控件会动态地布置矩形。不幸的是，在 Silverlight 中，您无法在 ActualWidth 和 ActualHeight 上使用转换器绑定，因为它们是计算属性。这意味着当 ActualWidth 和 ActualHeight 更改时，不会在内部引发属性更改事件，因此绑定不会将更改传播到源。

本质上，此时唯一的选择是订阅 LayoutUpdated 事件并在代码隐藏中计算和设置 RadiusX 和 RadiusY 属性。