Question

在我的Silverlight 4应用程序中，我想创建一个简单的用户控件，除了其他东西外，还可以包含另一个控件。我想要的一个例子是边境控制。您可以将任何其他控件（恰好是其他控件）放入Border-Control中，以便Border-Control包含其他用户控件并显示其内容。要创建具有该功能的用户控件，我需要做什么？我的想法是将另一个控件放在我的用户控件中的 ContentPresenter 中，如：

<Grid x:Name="LayoutRoot">
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
    <RowDefinition />
  </Grid.RowDefinitions>

  <TextBlock x:Name="TextBlockHeader" Text="{Binding Title, ElementName=userControl}" HorizontalAlignment="Left" Foreground="White" Margin="5,0"/>
  <ContentPresenter x:Name="ContentPresenterObject" Grid.Row="1" />
</Grid>

现在，如何将（在Expression Blend中）一个子控件添加到我的UserControl以及如何将它与ContentPresenter绑定？或者这是一种错误的方法吗？

提前致谢，
弗兰克

Answer 1

我建议创建一个继承自ContentControl的自定义控件。这是一个很好的blog post talking about UserControls and custom controls

你需要创建一个定义你的xaml的“Generic.xaml”，以及一个定义你的类的cs类。

public class CustomControl: ContentControl
{
    public CustomControl()
    {
        this.DefaultStyleKey = typeof(CustomControl);
    }
}

你的xaml类看起来像：

<ResourceDictionary
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:MyApp">

<Style TargetType="local:CustomControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="local:CustomControl">
                <Grid x:Name="LayoutRoot">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <TextBlock x:Name="TextBlockHeader" Text="{Binding Title,
                               ElementName=userControl}" HorizontalAlignment="Left" 
                               Foreground="White" Margin="5,0"/>
                    <ContentPresenter x:Name="ContentPresenter" Grid.Row="1"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

创建一个可以包含子元素的用户控件（如Border-Element）

1 个答案: