UWPのタイマーを使用したCanvasオブジェクトの操作につきまして。

Question

お世話になります。

UWPのタイマーハンドラー内において、Canvasへの操作を行うと例外を吐いてしまいます。

Visual Studio 2019 Communitynにて空白のアプリ（ユニバーサルWindows）のプロジェクトを作成、フォームにCanvasを貼り付け（名前をcanvas1とします）、以下のコードを実行します。

using System;
using System.Timers;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;
using System.IO;
using System.Timers;

namespace test
{
  public partial class MainWindow : Window
  {
    Rectangle rect = null;
    int height = 0;
    Timer timer = null;
    
    public MainWindow()
    {
      InitializeComponent();
      
      rect = new Rectangle();
      rect.Width = 100;
      rect.Height = 10;
      rect.Fill = Brushes.Green;
      canvas1.Children.Add(rect);

      timer = new Timer();
      timer.Interval = 1000;
      timer.Elapsed += new ElapsedEventHandler(TimerHandler);
      timer.Start();
    }
    
    public void TimerHandler(object sender, ElapsedEventArgs e)
    {
      Canvas.SetLeft(rect, 0); // ここで例外が発生
      Canvas.SetTop(rect, height);
      ++height;
    }
  }
}

1秒間隔で緑の矩形が下にずれていくのを想定しているのですが、タイマーハンドラ内ではCanvasへのアクセスは禁じられているのでしょうか。

一定間隔でCanvasへ追加したオブジェクトの座標などを操作したいのですが、UWPではどの様に行うのが常識なのでしょうか。

以上、宜しくお願い致します。

Answer 1

一般的に、UIコンポーネントの表示に関わる操作というのは、UIスレッドと同一スレッドでないと操作できません

おそらく、あなたのお使いのTimerでのタイマイベントは別スレッドで実行されているため、UIコンポーネントの操作でコケてるんでしょう。

一番かんたんな解決策は、タイマイベントが同一スレッドで実行されるようなタイマを使う、ってことでしょう

タイマにより一定時間間隔で処理を行うには？（WPFタイマ編）：.NET TIPS - ＠IT

Answer 2

表題の件ですが、自己解決しました。

System.Timersを使うのではなく、System.Windows.ThreadingのDispatcherTimerを使うことによりタイマーハンドラー内でもCanvasの操作を行うことができました。

お騒がせいたしましたm(__)m