ControlTemplate 中的 UWP 附加属性

Question

我正在尝试扩展 TextBox 默认样式 https://msdn.microsoft.com/en-us/library/windows/apps/mt299154.aspx

我想让文本框的角变圆。

                        <Border
                        x:Name="BackgroundElement"
                        Grid.Row="1"
                        Background="{TemplateBinding Background}"
                        Margin="{TemplateBinding BorderThickness}"
                        CornerRadius="{Binding Source={RelativeSource TemplatedParent}, Path=(icp:IcpExtend.CornerRadius)}"
                        Opacity="{ThemeResource TextControlBackgroundRestOpacity}"
                        Grid.ColumnSpan="2"
                        Grid.Column="0" />
                    <Border
                        x:Name="BorderElement"
                        Grid.Column="0"
                        Grid.Row="1"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        CornerRadius="{Binding Source={RelativeSource TemplatedParent}, Path=(icp:IcpExtend.CornerRadius)}"
                        Grid.ColumnSpan="2" />

这是附加的属性类

    [Bindable]
public class IcpExtend
{
    public static readonly DependencyProperty CornerRadiusProperty = DependencyProperty.RegisterAttached(
        "CornerRadius", typeof(CornerRadius), typeof(IcpExtend), new PropertyMetadata(default(CornerRadius)));

    public static void SetCornerRadius(DependencyObject element, CornerRadius value)
    {
        element.SetValue(CornerRadiusProperty, value);
    }

    public static CornerRadius GetCornerRadius(DependencyObject element)
    {
        return (CornerRadius) element.GetValue(CornerRadiusProperty);
    }
}

这是页面上的 TextBox 元素

        <TextBox
        icp:IcpExtend.CornerRadius="10" 
        Grid.Row="0"
        Grid.Column="1"            
        PlaceholderText="Email"
        InputScope="EmailSmtpAddress"
        IsSpellCheckEnabled="False"
        Text="{Binding Path=Email, Mode=TwoWay}" />

解决方案不起作用（角不是圆角）...如何绑定到 Default Style -> ControlTemplate 内的附加属性？！

Answer 1

应该可以。如果您在模板中硬编码 CornerRadius 是否有效？如果不是，那么你的风格有问题。您应该将您的 TextBox 样式放入 App.xaml 资源中，并且该样式应该只有 TargetType="TextBox" 并且没有键。

您还应该能够在模板中使用 TemplateBinding 而不是 RelativeSource：

CornerRadius="{TemplateBinding icp:IcpExtend.CornerRadius}"

要记住的另一件事是，此样式适用于 Windows SDK 10586（如该页所述）。我使用的是 SDK 14393，TextBox 控件的默认样式与 SDK 10586 中的不同。请确保您使用的是正确的样式。你可以在C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.?????.0\Generic\generic.xaml找到样式。