xaml - TopAppBar-WinRT の Textblock に現在の日時を表示する方法

Question

トップアプリバーに現在のsysdatetimeを表示しようとしていますが、とにかく勝利ストアアプリのXAMLでそれを行うことができると思っていました.

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>

そこから、MVVM パターンを使用している場合は Text プロパティをバインドするか、TextBlock 要素に名前を付けて、ページのコード ビハインドで値を割り当てるだけです。