Windows Phone 7 XAML — 获取与对象容器一起使用的绑定

Question

我想要做的是将 TextBlock 的文本绑定到 UserControl 的自定义 ButtonSymbol 属性。

以下是 UserControl 的 XAML。需要填写 TextBlock 的 Binding 部分。

<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="Calculator.CalculatorButton"
    d:DesignWidth="120" d:DesignHeight="80">

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Image Source="[email protected]" Stretch="Fill"/>
        <Button x:Name="InvisibleButton" Content="{Binding ButtonSymbol}" Margin="0,0,0,0" d:LayoutOverrides="Width, Height" BorderThickness="1" Click="InvisibleButton_Click"/>
    <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" 
               Text="{Binding ????????}" 
               VerticalAlignment="Top"/>
    </Grid>
</UserControl>

这里是 CodeBehind：

namespace Calculator
{
    public partial class CalculatorButton : UserControl
    {
        public string ButtonSymbol {get; set;}

        public CalculatorButton()
        {
            // Required to initialize variables
            InitializeComponent();
        }

        private void Button_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            // TODO: Add event handler implementation here.
        }

        private void InvisibleButton_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            Debug.WriteLine(@"click");
            Debug.WriteLine(ButtonSymbol);
            // TODO: Add event handler implementation here.
        }
    }
}

请注意，这是带有 Silverlight 的 WP7，并且 RelativeSource 类 与其他版本中的不同。

Answer 1

您需要设置用户控件的DataContext。

如果将以下内容添加

this.DataContext = this;

到用户控件的构造函数或 Loaded 事件中，则可以执行以下操作：

Text="{Binding ButtonSymbol}"

请注意，您还可以以声明方式绑定 XAML 的数据源，这只是一种简单的编程方法。