如何在Silverlight中进行自定义控件?

时间:2009-02-18 14:32:52

标签: silverlight xaml custom-controls

我使用Expression Blend创建了一个自定义控件:

<UserControl
    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"
    x:Class="MyProject.EditableField"
    d:DesignWidth="286" d:DesignHeight="20">

    <Grid x:Name="LayoutRoot">
        <TextBlock HorizontalAlignment="Left" Width="95" Text="Label:" TextWrapping="Wrap" x:Name="Label" FontSize="12"/>
        <TextBox Margin="99,0,0,0" x:Name="Value" Text="Value" TextWrapping="Wrap"/>
    </Grid>
</UserControl>

它包含TextBlock标签和TextBox值。我想要的是使用自己的标签和值将这些中的多个添加到我的XAML中,也许是这样的:

<MyProject:EditableField Margin="30,180,0,0" Height="20" HorizontalAlignment="Left" VerticalAlignment="Top" Width="286" x:Name="FaxNumber">
            <Label>
                <Text>Fax number:</Text>
            </Label>
            <Value>
                <Contents>
                    111-222-333
                </Contents>
            </Value>
        </MyProject:EditableField>

当我说或许,这显然不起作用。添加它们的正确语法是什么?

2 个答案:

答案 0 :(得分:2)

最简单的方法是向后面的代码添加两个新属性,例如LabelText和ContentText。将它们连接起来以分别设置和获取TextBlock控件和TextBox控件的Text属性。

然后你会使用:

<MyProject:EditableField LabelText="Fax number:" ContentText="111-222-333" ...

正确的方法是执行相同的操作,实现两个依赖项属性(从而支持动画,数据绑定等),并将子控件的控件文本绑定到这些属性。

答案 1 :(得分:0)

在背后的代码中:

public string LabelText
{
    get { return Label.Text; }
    set { Label.Text = value; }
}

public string ContentText
{
    get { return Value.Text; }
    set { Value.Text = value; }
}