xaml - 如何在 TopAppBar-WinRT 的文本块中显示当前日期时间

Question

我试图在 Top App 栏中显示当前的 sysdatetime，我想知道无论如何我可以在 XAML 中为 win 商店应用程序执行此操作。

Answer 1

public class MainViewModel : INotifyPropertyChanged
    {
        private readonly DispatcherTimer _timer = new DispatcherTimer();

    private string _resDateTime;
    public string ResDateTime
    {
        get
        {
            return _resDateTime;
        }
        set
        {
            _resDateTime = value;
            NotifyPropertyChanged("ResDateTime");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public void NotifyPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this,
                new PropertyChangedEventArgs(propertyName));
        }
    }

    public MainViewModel()
    {
        _timer.Tick += TimerOnTick;
        _timer.Start();
    }

    private void TimerOnTick(object sender, object o)
    {
        ResDateTime = DateTime.Now.ToString();
    }
}

添加到后面的代码

public MainPage()
        {
            this.InitializeComponent();
            DataContext = new MainViewModel();
        }

并穿上xaml

<Page.TopAppBar>
    <AppBar>
      <TextBlock Text="{Binding ResDateTime}"></TextBlock>
    </AppBar>
  </Page.TopAppBar>

希望它会有所帮助

Answer 2

在您的页面中，您可以像这样设置 Page.TopAppBar 和 Page.BottomAppBar：

<Page.TopAppBar>
    <AppBar>
        <TextBlock Text="Your text" />
    </AppBar>
</Page.TopAppBar>

从那里，您可以绑定 Text 属性（如果您使用的是 MVVM 模式），或者只是在页面后面的代码中分配一个值，方法是为 TextBlock 元素命名。