Metro UI not update

本文关键字：update not UI Metro | 更新日期: 2023-09-27 18:10:37

我刚开始在地铁应用程序工作，我面临的问题是调度程序不更新UI。我的代码如下，请让我知道是什么问题?

public class Test : DependencyObject
{
    public static readonly DependencyProperty CurrentItemProperty =
       DependencyProperty.Register("NameOfPerson", typeof(string), typeof(Test), null);
    public String NameOfPerson
    {
        get
        {
            return (string)GetValue(CurrentItemProperty);
        }
        set
        {
            runmethod(value);
        }
    }
    public async void runmethod(String text)
    {
        await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () =>
        {
            SetValue(CurrentItemProperty, text);
        }
        );
    }
}

在主界面我有一个事件按钮，点击当火更新文本框。

private void Button_Click_2(object sender, RoutedEventArgs e)
    {
        Test t = new Test();
        t.NameOfPerson = "Hello Umar";
    }

主页。Xaml看起来像这样

<Page
    x:Class="TestApplication.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:TestApplication"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
       <Button Content="Button" HorizontalAlignment="Left" Margin="207,187,0,0"   VerticalAlignment="Top" Height="80" Width="255" Click="Button_Click_2"/>
       <TextBox x:Name="textB" Text="{Binding NameOfPerson}" HorizontalAlignment="Left" Height="80" Margin="730,187,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="307"/>
    </Grid>
</Page>

Metro UI not update

如果你想用一个按钮刷新你的文本，你应该看看MVVM模式，并让绑定更新你的UI。

要做到这一点，你必须创建你的对象，在这个例子中，我们说一个人。
public class Person
{
    public string Name { get; set; }
}

其次，你会想在视图模型中有一个人，你将使用你的按钮更新。视图模型将派生自BindableBase，它是Windows Store应用程序的一部分，如果你使用Basic Page这样的东西。视图模型如下所示:

public class MainPageViewModel : BindableBase
{
    public MainPageViewModel()
    {
    }
    private Person person;
    public Person Person
    {
        get { return person; }
        set { SetProperty(ref person, value); }
    }
    public void LoadData()
    {
        Person = new Person() { Name = "Simple name" };
    }
    public void UpdatePerson()
    {
        Person.Name = "Updated Name";
        OnPropertyChanged("Person");
    }
}

如果你没有bindableBase，它看起来像这样:

    [Windows.Foundation.Metadata.WebHostHidden]
public abstract class BindableBase : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] String propertyName = null)
    {
        if (object.Equals(storage, value)) return false;
        storage = value;
        this.OnPropertyChanged(propertyName);
        return true;
    }
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        var eventHandler = this.PropertyChanged;
        if (eventHandler != null)
        {
            eventHandler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

在MainPage上，您创建ViewModel并设置页面上的DataContext。此外，您还希望在Viewmodel中处理对象，因此，当单击将修改Person对象的按钮时，您将创建一个更新方法:

public sealed partial class MainPage : Page
{
    private readonly MainPageViewModel viewModel;
    public MainPage()
    {
        this.InitializeComponent();
        viewModel = new MainPageViewModel();
        viewModel.LoadData();
        this.DataContext = viewModel;   
    }
    private void Button_Tapped(object sender, TappedRoutedEventArgs e)
    {
        viewModel.UpdatePerson();
    }
}

最后是UI中的TextBox指向Viewmodel中的Person's name属性:

  <TextBox
        x:Name="textB"
        Text="{Binding Person.Name}"
        HorizontalAlignment="Left"
        Height="80"
        Margin="730,187,0,0"
        TextWrapping="Wrap"
        VerticalAlignment="Top"
        Width="307" />

我希望这满足你的问题，你如何可以有一个按钮更新你的UI

相关文章：