Windowsデベロッパーセンターのサンプルコードはどこに記述するべき？

Question

###前提・実現したいこと
https://docs.microsoft.com/ja-jp/windows/uwp/audio-video-camera/process-media-frames-with-mediaframereader

上記のサイトに沿って手順を踏んでいたのですが初めのプロジェクトの設定で、サンプルコードのusingの塊や
var frameSourceGroups = await MediaFrameSourceGroup.FindAllAsync(); ...(1)をどのファイルのどこに記入すればよいのかわかりません。

開発環境はVisualStudio Community 2017を使用しています。プロジェクトはUWPの空のプロジェクトで作成しました。

###発生している問題・エラーメッセージ

###該当のソースコード

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
using Windows.Media.Capture.Frames;
using Windows.Devices.Enumeration;
using Windows.Media.Capture;
using Windows.UI.Xaml.Media.Imaging;
using Windows.Media.MediaProperties;
using Windows.Graphics.Imaging;
using System.Threading;
using Windows.UI.Core;
using System.Threading.Tasks;
using Windows.Media.Core;

// 空白ページの項目テンプレートについては、https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x411 を参照してください

namespace Myapp
{

    /// <summary>
    /// それ自体で使用できる空白ページまたはフレーム内に移動できる空白ページ。
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();

            var frameSourceGroups = await MediaFrameSourceGroup.FindAllAsync();
        }

    }
            
}

###試したこと
上記Webサイトのサンプルコードの手順に沿って
usingの塊をMainPage.xaml.csに加え、同ファイルの初めからあったMainPageクラスの中に上記の(1)を書くと

エラー CS0825 コンテキスト キーワード 'var' は、ローカル変数宣言内またはスクリプト コード内でのみ有効です。
エラー CS1992 'await' 演算子は、'async' 修飾子が指定されているメソッドまたはラムダ式に含まれている場合にのみ使用できます

とでます。
今度は、(1)をMainPageクラス内のpublic MainPage()メソッド内に記入すると

エラー CS4033 'await' 演算子は、非同期メソッド内でのみ使用できます。このメソッドに 'async' 修飾子を指定し、戻り値の型を 'Task' に変更することを検討してください。

とでます

awaitやasyncなどについて調べてみましたが以前エラーの解決策がわかりません、助けていただけないでしょうか

###補足情報(言語/FW/ツール等のバージョンなど)
VisualStudio Community 2017
まだC言語しか使ったことないのでC#についてはわかってない初心者です。

Answer 1

public MainPage()
{...
}

ここはコンストラクタであるため、エラーメッセージの言うように「 'async' 修飾子を指定」することが出来ないです。ググれば無理矢理やる方法も見つかるとは思うのですが、基本的には…コンストラクタで時間の掛かる実作業を行うのは避けた方が良いです。ここはUIを作る「ページ」のクラスですので、例えば作業に失敗してもこの場所ではエラーメッセージをページ上に出すこともできません。

こういったUWP AppでCodeBehind 上に「（ユーザーの操作前に）最初に走る」コードを書いていく場合、例えば OnNavigatedTo メソッドをオーバーライドしてそこから処理を書き始めるのが一般的と思います。
お手持ちのMainPage.xaml.csにも、既に以下のようなメソッドが定義されていないでしょうか？（無ければ付け足していいです）。このメソッドはユーザーがこのページに飛んできた場合必ず呼ばれるので、今回のCallはここに記述することができます。

（戻る・進む等を実装すると注意が必要になりますが、それは又先の話でしょう）

protected override async void OnNavigatedTo(NavigationEventArgs e)
{
    ...
}

また当該Docsのページを見ましたが、このサンプルは動くようになるまでかなり道が遠いタイプですので...C#やUWP Appを触り慣れていないと正直手ごわいと思います。既に出来上がったサンプルを見るのもいいかもしれないです。

以下のZipをDL・展開すると見つかる、Samples\CameraFrames がそれです。

https://github.com/Microsoft/Windows-universal-samples/archive/master.zip

なお、このサンプル CameraFrames では CameraFrames/cs/Scenario1_DisplayDepthColorIR.xaml.cs の中で await MediaFrameSourceGroup.FindAllAsync() をCallしているのですが、これもコンストラクタの中からではなく、OnNavigatedTo から順に呼んでいる形になります。参考にしてみてください。