定义UserControl属性并将其绑定到Windows Phone中

时间:2014-07-11 23:28:14

标签: c# xaml windows-phone-8 user-controls

在我的Windows Phone应用程序中,我创建了一个具有一些文本块和图像的用户控件。它像控件一样显示像Facebook这样的帖子。我想在长列表选择器中使用此用户控件,但每当我尝试将数据绑定到它时,我都没有数据。请帮我。 这是MainPage.xaml

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <phone:LongListSelector Name="myLLS">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <local:Posts TitleText={Binding TitleText}>

                    </local:Posts>
                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
    </Grid>

这是背后的代码

 public class TestData
{
    private string _TitleText;

    public string TitleText
    {
        get { return _TitleText; }
        set { _TitleText = value; }
    }

    public TestData(string Text)
    {
        This.TitleText = Text; 
    }
}

这是UserControl xaml代码

<UserControl x:Class="BindingUserControlTest.TestBind"
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}" Height="125.889" Width="227.974">

<Grid x:Name="LayoutRoot" Background="{StaticResource PhoneChromeBrush}">
    <TextBlock x:Name="lblTitle" HorizontalAlignment="Left" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top"/>
    <TextBlock x:Name="lblDescription" HorizontalAlignment="Left" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Margin="0,32,0,0" Width="218" Height="84"/>

</Grid>

这就是背后的代码:

   private string _ShownTitle;
   public string ShownTitle { get { return _ShownTitle; } set { _ShownTitle = value; }}

1 个答案:

答案 0 :(得分:4)

您需要使用DependencyProperties才能绑定到属性。我会给你一个Jerry Nixon的博客链接,而不是为你重新编写代码,他很好地解释了这个过程。

http://blog.jerrynixon.com/2013/07/solved-two-way-binding-inside-user.html

修改

Usercontrol的Code Behind看起来像。

public sealed partial class ExampleControl : UserControl
{

    public static readonly DependencyProperty exampleProperty = DependencyProperty.Register("ExampleData", typeof(Double), typeof(NutritionLabelControl), null);

    public ExampleControl()
    {
        InitializeComponent();
        (this.Content as FrameworkElement).DataContext = this;
    }

    public Double ExampleData
    {
        get { return (Double)GetValue(exampleProperty); }
        set
        {
            SetValue(exampleProperty, value);
        }
    }
}

然后在你的userControls XAML中你会有类似的东西:

<UserControl> 
    <Grid x:Name="LayoutRoot">
        <TextBlock Text="{Binding ExampleData}" />
    </Grid>
</UserControl>

然后,您可以在MainPage.xaml中使用与用户控件XAML中相同的Binding格式。