0

我正在寻找信息 - 视频、教程、书籍等，用于开发自定义控件，如http://www.telerik.com/

这意味着我想开发我的自定义控件，例如 - Expander。

这是我的扩展代码：

<UserControl x:Class="PhoneApp16.Expander"
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}"
d:DesignHeight="480" d:DesignWidth="480">

<Grid x:Name="LayoutRoot" Background="{StaticResource PhoneChromeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="50"/>
        <RowDefinition Height="auto"/>
    </Grid.RowDefinitions>
    <Rectangle Fill="Wheat"/>
    <StackPanel Grid.Row="1"/>
</Grid>

这是它在主窗体上的外观：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <local:Expander HorizontalAlignment="Left" VerticalAlignment="Top" Width="456"/>
</Grid>

但我想添加我自己的属性，例如：

IsExpanded=true/false which sets Expanders StackPanel visibility to visible or collapsed

我知道 ValueConverters 但是如何在我的扩展器的 XAML 中实现这个属性，所以它看起来像：

<local:Expander IsExpanded="false" HorizontalAlignment="Left" VerticalAlignment="Top" Width="456"/>

书籍、视频等的链接值得赞赏 - 从一开始就最好（对于傻瓜）；

4

1 回答 1

0

您必须在用户控件的代码中添加 DependencyProperties。例如，假设以下 XAML 是您的用户控件：

<UserControl 
    x:Class="MyProject.Data.Controls.Elements.Editors.Select"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Name="Root">

    <Grid>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="120"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Border 
            Grid.Column="0"
            CornerRadius="0,0,0,0">

            <TextBlock
                x:Name="MyBlock"
                TextTrimming="CharacterEllipsis"
                Text="{Binding ElementName=Root, Path=Label, Mode=OneWay}"
                VerticalAlignment="Center"
                HorizontalAlignment="Stretch"
                FontSize="12"
                TextAlignment="Right"
                FontFamily="Segoe UI Semibold"
                Margin="4,0,4,0"/>

        </Border>

    </Grid>

</UserControl>

这是它背后的代码：

public partial class Select : UserControl
{
    /// <summary>
    /// 
    /// </summary>
    public Select()
    {
        InitializeComponent();
    }

    /// <summary>
    /// 
    /// </summary>
    public string Label
    {
        get { return (string)GetValue(LabelProperty); }
        set { SetValue(LabelProperty, value); }
    }

    /// <summary>
    /// Identifies the <see cref="Label"/> dependency property.
    /// </summary>
    public static readonly DependencyProperty LabelProperty =
    DependencyProperty.Register("Label", typeof(string), typeof(Select), new PropertyMetadata(string.Empty));

}

现在您可以在表单中设置控件的 Label 属性。当您设置它时，此值将转到名为 MyBlock 的 TextBlock 的 Text 属性。

创建依赖属性很重要，否则绑定将不起作用。

这是一本很好的参考书： WPF Control Development Unleashed: Building Advanced User Experiences

除了 MSDN 之外，还有一些视频和培训材料：

http://msdn.microsoft.com/en-us/vstudio/aa496123

于 2013-10-02T10:26:21.830 回答