Windows Phone 7 プロジェクトの新規作成
Windows Phone 7アプリのプロジェクトを新規に作成してみましょう。
[名前]フィールドには作成するアプリ名を英語で記述します。今回は「WankumaWP7Sample01」とつけることにしましょう。
このテンプレートで作成されるソリューション構成は次のようになります。先ほど入れた名前がソリューション名とプロジェクト名になっています。
今回はVisual BasicのWindows Phone 7テンプレートを使用しましたが、C#のときも基本的には同じソリューション構成になります。
ソリューションに含まれる「MainPage.xaml」がメイン画面のデザイン(XAML)ファイルです。このファイルにコントロールを貼りつけて画面デザインをしていきます。
でもその前に作成するアセンブリの情報をきちんと設定してしまいましょう。
アセンブリ情報の設定
プロジェクト「WankumaWP7Sample01」を右クリックしてプロパティメニューを選んだら[Application]タブの中にある[Title]欄を変更します。
初期状態ではプロジェクト名と同じ「WankumaWP7Sample01」となっていますので「わんくまさんぷる01」と変更します。
?
次に[アプリケーション]タブにある[アセンブリ情報]ボタンをクリックしてアセンブリ情報を設定します。ここの[タイトル]欄も初期状態はプロジェクト名になっているので先ほど入力したタイトルを入力します。
画面にタイトルをつけよう
プロジェクトを新規作成した直後のMainPage.xamlの内容は次のようになっています。
この状態でデバッグ実行すれば次のような表示がエミュレータに表示されます。
画面の一番上に「MU APPLICATION」と表示されていますので「わんくまさんぷる01」と表示するように変更しましょう。また、「page name」はとりあえずいらないので削除しちゃいましょう。
修正箇所はXAMLの中の次の部分です。
ここを次のように変更します。
では、変更した結果がどのように実行時の画面に反映されるかさっそく確認してみましょう。
アイコンを設定しよう
Windows Phone 7にアプリをインストールすると「アプリケーションリスト」にアイコン付でアルファベット順に並びます。
このアイコンは、プロジェクトのプロパティにある[Application]タブの[Icon]欄で指定(初期状態はApplicationIcon.pngファイル)しています。
アイコンの大きさは62ドットx62ドットの24色になります。icoフォーマットではなくpngフォーマットの画像ファイルになります。
ファイルのプロパティが次のようになっていることも確認してください。
スタート画面への表示画像を設定しよう
Windows Phoneではアプリケーションリストにあるアプリ名を長押しすると次のような操作選択が表示されます。
「pin to start」を選ぶとメトロデザインなスタート画面に表示されます。
このとき表示される画像は[Icon]欄に指定した画像ではなく、[Background]欄に指定している画像(初期状態はBackground.pngファイル)です。
画像の大きさは173ドット×173ドットの24色になります。
これでWindows Phone 7のスタート画面の画像も差し替え完了です。