Question

这是我的简化方案。我可以使用鼠标调整内部矩形宽度。文本块显示宽度随着我的调整而变化。我想要第二个文本块来显示属性的值，该属性也随宽度而变化，但我无法弄清楚如何绑定它。

<Grid x:Name="LayoutRoot" Background="White" VerticalAlignment="Center">

    <Rectangle x:Name="aRec" Height="100" Width="100" MinWidth="10" Fill="Blue" />

    <Rectangle x:Name="myRec" Height="100" Width="300" MinWidth="10" Fill="Red" Opacity="0.5" 
               MouseLeftButtonDown="myRec_MouseLeftButtonDown" 
               MouseLeftButtonUp="myRec_MouseLeftButtonUp" 
               MouseMove="myRec_MouseMove"></Rectangle>

    <StackPanel>
        <TextBlock x:Name="myText1" Width="40" Height="20" Foreground="White" Text="{Binding ElementName=aRec, Path=Width}" />
        <TextBlock x:Name="myText2" Width="40" Height="20" Foreground="White" Text="{Binding Value}" />
    </StackPanel>

</Grid>

public partial class MainPage : UserControl
{
    Boolean active = false;

    private Double _value;
    public Double Value
    {
        get { return _value; }
        set { _value = value; }
    }

    public MainPage()
    {
        InitializeComponent();
    }

    private void myRec_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        active = true;
    }

    private void myRec_MouseMove(object sender, MouseEventArgs e)
    {
        if (active == true)
        {
            aRec.Width = e.GetPosition(myRec).X;
            _value = aRec.Width * 10;
        }
    }

    private void myRec_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        active = false;
    }          
}

Answer 1

您 MainPage 必须实施INotifyPropertyChanged界面（How to: Implement the INotifyPropertyChanged Interface的示例），您的属性必须在集合上触发事件，或者您必须使用Dependency property作为值的。
同样在 myRec_MouseMove hanlder上为 Value 属性分配宽度，而不是 _value 成员。

Answer 2

您必须将属性“Value”声明为依赖项属性。

Answer 3

在您的代码隐藏中：

myText2.DataContext = Value;

在你的xaml中：

<TextBlock x:Name="myText2" Width="40" Height="20" Foreground="White" Text="{Binding Path=.}" />

“路径=”。将指向您的datacontext。

我如何绑定到属性？

3 个答案: