ここでは前の回の開発に関してより細かい点について細くいきます。これにより、UWPアプリ開発におけるUI開発とそれをVisul Studio 上でやることに対しての知識を身に着けることができるでしょう。
アプリのUIデザインに関してはいくつかの方法がありました。初めにコントロールをツールボックスからデザインビューに対してドラッグアンドドロップして、位置や大きさを調整する方法。プロパティウィンドウはコントロールが持つ様々なアトリビュートを変更すしてデザインビューで見ることができます。しかしHTMLのようにビジュアルデザイナーは必要とするすべてのプロパティの表現帆完全に持っているわけではありません。
そのため、実際のXAMLの文法についてはまだやっていません。XAMLの文法については次のレッスンで紹介します。
されあに、すべてのページのファイルは、C#でイベントをハンドリングするためのコードビハインドファイルが関連付けらえています。 Windows 10 においては、MainPage.xaml と MainPage.xaml.cs といったファイルの中で、ネームスペースを見ると MainPage と呼ばれるクラスが分離クラスとして定義されていることが分かります。
開発におけるこの分離クラスというのは、複数のファイルに収められた複数に分離されて定義された1つのクラスを示します。しかしファイル自体は同じクラス名を持ち、同じネームスペースを持ち、分離というキーワードを使って1つのクラスの定義を複数のファイルを使って実装することができます。
MainPage はPageと呼ばれるオブジェクトをもとに作れらています。クラスの部分をマウスでホバーすると、Pageくらすじたいは Windows.UI.Xaml.Ctontrols.Page となっていることが出見えるはずです。もしMainPage.xaml をひらいて一番初めの行のあたりを見ると、ページオブジェクトをベースにして、クラス名が HellowWorld で、ネームスペースとして、MainPage クラスがあることが分かります。
MainPage.xaml と MainPage.xaml.cs は1つのクラスを定義する2つの異なるファイルです。それぞれのファイルが一方がビジュアルを表現し、一方がふるまいを定義しています。
次にデバッグモードについてです。Windows 10 ではすべてのデバッグ手法が使えます。ブレークポイントを使ってコードのステップ実行を擦すことも可能ですし、アプリケーションを動かしながら途中のプロパティの値の状態を確認することができます。
また、デバッグモードで様々な異なるエミュレーターが用意されていたことに不思議に思われたかもしれません。エミュレーターは異なる画面サイズや解像度を再現しているだけでなく、異なるメモリーサイズや関連したハードウェアの違いも再現しています。そのためスクリーンの解像度や画面サイズと同様に、少ないメモリの環境だけでなくメモリが多い環境でのてすとも行うことができます。さらにエミュレーターについては右上についているボタンで様々な動作をさせることができます。それぞれのボタンで画面の回転、マルチタッチ入力、ズームといった操作を実現できます。
ツールバーのボタンの一番下には >> のボタンがあり、さらにここからより様々な機能にアクセスすることができます。これをタップしてウィンドウを開くと追加機能を見ることができます。例えば、加速度センサーの機能や、シェイクモーションの記録、ジェスチャーなどによってアプリケーションがどのように反応するのか、をテストすることができます。
同様にGPSのテストも行うことができます。ロケーションサービスをテストするときに異なる場所でのふるまいをシミュレートすることができます。
… つづく