在我的usercontrol和ViewModel之间绑定

时间:2012-09-13 10:35:36

标签: mvvm binding properties dependencies prism

不能做绑定

随机(MyViewModel) - > VMTestValue(MyViewModel) - > TestUserControl(MainWindow)

“MyViewModel”是“MainWindow”的ViewModel

所有项目:http://rusfolder.com/32608140

TestUserControl.xaml

<UserControl x:Class="TestBinding.TestUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             Background="Green"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <TextBlock Background="Gray" Margin="50" FontSize="18" Text="{Binding TestValue}" />
        <Rectangle  Height="200" Width="{Binding TestValue}" Fill="#FFFF1717" />
    </Grid>
 </UserControl>

TestUserControl.cs

...
public TestUserControl()
        {
            InitializeComponent();

            this.DataContext = this;
        }

        public static readonly DependencyProperty TestValueProperty =
           DependencyProperty.Register("TestValue", typeof(int), typeof(TestUserControl),
               new FrameworkPropertyMetadata((int)255)
               );

        public int TestValue
        {
            set { SetValue(TestValueProperty, value); }
            get
            {
                return (int)GetValue(TestValueProperty);
            }
        }
...

MyViewModel.cs

using System;

using System.Timers;
using Microsoft.Practices.Prism.ViewModel;

namespace TestBinding
{
    class MyViewModel : NotificationObject
    {
        private int _VMTestValue;

        private Timer timer;
        private Random _random;

        public MyViewModel()
        {
            _random=new Random();

            timer=new Timer();
            timer.Interval = 500;
            timer.Elapsed += new ElapsedEventHandler(timer_Elapsed);
            timer.Start();
        }

        void timer_Elapsed(object sender, ElapsedEventArgs e)
        {
            VMTestValue = _random.Next(10, 300);
        }

        public int VMTestValue
        {
            set 
            { 
                _VMTestValue = value;
                this.RaisePropertyChanged(() => this.VMTestValue);
            }
            get { return _VMTestValue; }
        }
    }
}

MainWindow.cs

...
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new MyViewModel();
        }
    }
...

MainWindow.xaml

...
<TestBinding1:TestUserControl TestValue="{Binding VMTestValue}" />
<TextBlock VerticalAlignment="Bottom" Background="Blue" FontSize="20" Text="{Binding VMTestValue}" />
...

为什么我不能进入UserControl?

2 个答案:

答案 0 :(得分:5)

除了狒狒,我在我的项目中这样做:

删除 this.DataContext = this; 并将以下内容添加到您的xaml

<UserControl x:Class="TestBinding.TestUserControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         Background="Green"
         d:DesignHeight="300" d:DesignWidth="300"
         x:Name="uc">
<Grid>
    <TextBlock Background="Gray" Margin="50" FontSize="18" Text="{Binding ElementName=uc,Path=TestValue}" />
    <Rectangle  Height="200" Width="{Binding ElementName=uc,Path=TestValue}" Fill="#FFFF1717" />
</Grid>
</UserControl>

答案 1 :(得分:0)

您应该让UserControl继承DataContext:

public TestUserControl()
{
    InitializeComponent();

    //this.DataContext = this;
}

如果要将TestUserControl的DataContext保留给自己,可以使用RelativeSource:

<TestBinding1:TestUserControl TestValue="{Binding DataContext.VMTestValue, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}}" />

或者使用ElementName,假设您的MainWindow名为 mainWin

<TestBinding1:TestUserControl TestValue="{Binding VMTestValue, ElementName=mainWin}" />