WinRT绑定,UI不更新

时间:2015-01-06 16:40:53

标签: c# xaml binding windows-runtime winrt-xaml

我有一个加载一些数据的视图模型。加载DependencyProperty时设置为true,稍后再次设置为false。我经常在WPF中这样做,但使用现代应用程序它不起作用。 :(

绑定到模型的视图应显示模型是否仍在加载。它只显示加载页面时的值,但在值更改后不会更新视图。

我写了一个使用SharedProjects for Phone,Modern App和WPF的小例子。 (BindingExample

出于测试目的,它只是在true和false之间切换。

XAML

<Page
    x:Class="App2.BlankPage1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App2"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid >
        <TextBlock Text="{Binding Loading, Mode=OneWay}" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30" Width="100" Height="100"/>
    </Grid>
</Page>

页面的构造函数

    public BlankPage1()
    {
        var v = new Viewmodle();
        this.InitializeComponent();
        this.DataContext = v;

        v.Test();
    }

Viewmodle:

public class Viewmodle : DependencyObject
{

    public bool Loading
    {
        get { return (bool)GetValue(LoadingProperty); }
        set { SetValue(LoadingProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Loading.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty LoadingProperty =
        DependencyProperty.Register("Loading", typeof(bool), typeof(Viewmodle), new PropertyMetadata(false));

    public async void Test()
    {
        while (true)
        {
            await System.Threading.Tasks.Task.Delay(1000);
            this.Loading = true;
            await System.Threading.Tasks.Task.Delay(1000);
            this.Loading = false;
        }
    }

}

1 个答案:

答案 0 :(得分:1)

您可能需要使用INotifyPropertyChanged而不是DependencyObject。你现在绑定的方式实际上只是一个普通的属性绑定,它实际上并没有使用DependencyProperty。这可以通过删除CLR属性并仅具有DependencyProperty注册来证明。您将看到绑定在运行时失败。 DependencyProperty绑定似乎仅在源源自xaml时才有用。因此,您可以按照自己的方式在代码中设置视图模型,而不是像这样做

<Grid.Resources>
   <local:Viewmodle x:Name="viewModel"/>
</Grid.Resources>
<TextBlock Text="{Binding ElementName=viewModel, Path=Loading}"/>

然后您可以在构造函数中调用viewModel.Test()以使用xaml制作的视图模型开始测试