用户控件可混合性 wp7

Question

您好，我想做一个简单的用户控件

<UserControl x:Class="TestDependencyProps.controls.TestControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    d:DesignHeight="480" d:DesignWidth="480">

    <Grid x:Name="LayoutRoot" >
        <TextBlock Height="30" Margin="31,140,27,0" Name="textBlock1" Text="{Binding testMessage}" VerticalAlignment="Top" />
    </Grid>

</UserControl>

后面的代码：

public partial class TestControl : UserControl
{
    public string testMessage
    {
        get { return (string)GetValue(testMessageProperty); }
        set { SetValue(testMessageProperty, value); }
    }


    public static readonly DependencyProperty testMessageProperty =
        DependencyProperty.Register("testMessage", typeof(string), typeof(TestControl),new PropertyMetadata("test in a message",null)
        );

    public TestControl()
    {
        InitializeComponent();
    }
}

现在一切正常，但不可混合......在 Cider 中我看不到“消息中的测试”

有一种方法可以工作 :) 不涉及 xmlns:MyControl=...

Answer 1

如果您可以编辑其模板，大多数人认为控件是可混合的。为此，您必须将其从用户控件更改为自定义控件，以便在 gerenic.xaml 中定义其模板。

但是，从您的 cmets 看来，您需要设计时数据，而不是能够使控件可混合。查看design-time attributes in Silverlight 上的 MSDN 部分。特别是d:DataContext，这在 WP7 中运行良好。

Answer 2

除了 ColinE 的回答之外，您可能需要更改一些代码以使您的依赖项属性与设计时数据一起使用，

    public string testMessage
    {
        get { return (string)GetValue(testMessageProperty); }
        set { SetValue(testMessageProperty, value); }
    }

public static readonly DependencyProperty testMessageProperty =
            DependencyProperty.Register("testMessage", typeof(string), typeof(TestControl), new PropertyMetadata("test in a message", PropertyChangedCallback));

        private static void PropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            if (e.NewValue != null)
            {
                var c = (TestControl)sender;
                // assign value to the TextBlock here
                c.textBlock1.Text = e.NewValue.ToString();
            }
        }

并删除 TextBlock Text="{Binding testMessage}" 中的绑定。

要在设计时显示文本，您需要添加一个设计时 DataContext（就像 ColinE 建议的那样），

<Grid x:Name="LayoutRoot" d:DataContext="{d:DesignInstance design:DesignMainViewModel, IsDesignTimeCreatable=True}">
    <xxx:TestControl testMessage={Binding SomeText} />
</Grid>

希望这会有所帮助。 :)

编辑

实际上，正如 Colin 指出的那样，如果您命名用户控件并使用 ElementName 绑定而不是普通绑定，则不需要回调。

<UserControl x:Name="myUserControl" ...

在 TextBlock 中，您可以这样做

Text="{Binding testMessage, ElementName=myUserControl}"

简单地绑定到 testMessage 是行不通的，因为这个属性是 UserControl 的。