1

我目前正在使用 Blend 和我在网上找到的一些教程来尝试制作我自己的按钮用户控件。通常，我只会使用自定义样式并将其应用于我想要的控件，但我也写了一些依赖属性，所以我决定编写自己的用户控件。

我无法理解的是如何在不覆盖按钮控件样式的情况下设置 Content 属性。我以为这可能是我的代码，但我用另一个按钮开始了全新的操作，并且发生了同样的事情 - 当设置 Content 属性时，按钮只是变成白色并在左上角显示黑色文本。

这是 Blend 为我生成的 XAML 代码：

<UserControl x:Class="MyUI.Controls.MyButton"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="25" d:DesignWidth="100">
<UserControl.Resources>
    <Style x:Key="MyButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <Rectangle/>
                        <ContentPresenter 
                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                        RecognizesAccessKey="True" 
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsFocused" Value="True"/>
                        <Trigger Property="IsDefaulted" Value="True"/>
                        <Trigger Property="IsMouseOver" Value="True"/>
                        <Trigger Property="IsPressed" Value="True"/>
                        <Trigger Property="IsEnabled" Value="False"/>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>
<Grid>
    <Button Content="Button" Height="25" Style="{DynamicResource MyButtonStyle}" Width="100"/>
</Grid>

现在，如果我像这样在主窗口中引用按钮，它会恢复在用户控件中完成的任何样式：

<local:MyButton Content="test" />

为了使按钮接受不同的内容标签，我需要更改什么？

4

1 回答 1

2

您需要将 UserControl 级别的 Content 属性连接到 Button 级别的 Content 属性。默认情况下，UserControl 的 Content 属性是其唯一的子元素，在您的情况下是 Grid 。您可以创建自己的 Content 属性，也可以创建另一个具有不同名称的属性。在您的 UserControl 的 .cs 文件中：

/// <summary>
/// Interaction logic for MyButton.xaml
/// </summary>
public partial class MyButton : UserControl
{
    public new static DependencyProperty ContentProperty =
        DependencyProperty.Register("Content", typeof (object),
                                    typeof (MyButton));

    public new object Content
    {
        get { return GetValue(ContentProperty); }
        set { SetValue(ContentProperty, value); }
    }

    public MyButton()
    {
        InitializeComponent();
    }
}

在 UnserControl 的 Xaml 上：

<Button Content="{Binding Path=Content, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" 
            Height="25" Style="{DynamicResource MyButtonStyle}" Width="100"/>

现在 Button 的 Content 绑定到您的 UserControl 级别的 Content 属性。

于 2013-07-08T18:50:12.323 回答