UniversalWindowsApp開発入門05-Button,TextBlock,TextBox,Imageコントロール-

動画 youtube channel9 Buttonコントロール Buttonコントロールはユーザーによってクリックできるボタンを作成するUIコントロールです。 Buttonコントロールのテキストを変更するにはContentプロパティを変更します。 クリックしたことを検知するにはClickイベントにイベントハンドラとなるメソッドを設定します。 button1.Content = “Button”; TextBlockコントロール TextBlockコントロールはテキストを表示するUIコントロールです。 TextBlockコントロールの文字を変更するにはTextプロパティを変更します。 textBlock1.Text = “Hello,World!”; TextBoxコントール TextBoxコントロールは編集可能なテキストを表示するUIコントロールです。 表示されているテキストを取得、変更するにはTextプロパティを参照します。 textBox1.Text = “Hello,World!”; Imageコントロール Imageコントロールは画像を表示するUIコントロールです。 表示している画像を変更するにはSourceプロパティにBitmapImage型で指定します。 image1.Source = new BitmapImage(new Uri(“ms-appx:///Assets/atst.png”));

UniversalWindowsApp開発入門04-データ保存と復元-

動画 youtube channel9 UWPにおけるデータ保存 Universal Windows Appなどのアプリケーションでは、アプリケーションの持っている情報などは基本的にメモリの上に置かれるため、アプリが終了するとデータが消えてしまいます。 そのため、アプリが終了する前にデータをストレージに保存し、アプリが開始するときに適切に復元をしなければいけません。 Universal Windows Appではそのようなデータの保存、復元を行うAPIが存在しています。 UWPのアプリの状態 アプリが終了するときにデータの保存、再開するときにデータの復元を行わなければならいのですが、UWPではそのようなアプリの終了、再開のタイミングをイベントとして通知してくれる機能があります。 UWPでは基本的に以下の3つの状態を持ちます。 そして、ユーザーによって閉じるボタンなどが押され、アプリが終了するとき、Suspendingイベントが発生し、アプリがユーザーによって起動(再開)されたとき、Resumingイベントが発生します。 public App() { this.InitializeComponent(); this.Suspending += OnSuspending; this.Resuming += OnResuming; } private void OnSuspending(object sender, SuspendingEventArgs e) { var deferral = e.SuspendingOperation.GetDeferral(); //ここでアプリのデータを保存 deferral.Complete(); } private void OnResuming(object sender, object e) { //ここでアプリのデータを復元 } つまり、OnSuspendingイベントでデータを保存し、OnResumingイベントでデータを復元すればアプリは終了してもデータを保持し続けることができます。   LocalSetting UWPにおいて、簡易的なデータを保存するときはApplicationDataContainerに保存することができます。 ApplicationDataContainerはディクショナリ構造になっており、キーを指定してデータを保存することができます。 private…

【cocos-2dx+Windows10ゲーム開発】環境構築

VisualStudio2015の場合、cocos2dxのインストーラも付属しているため、非常に簡易にcocos2dxをインストールできます。 VisualStudio2015 -> ファイル -> 新規作成 -> プロジェクト から インストール済みテンプレートの中のゲームカテゴリの「cocosをインストール」を選択してOKを押します。 するとインストーラを起動してくれるのでインストールします。 インストールしたらcocosというコマンドが実行できるはずです。 PS C:\Users\garicchi> cocos -v 2.1 cocosコマンドが確認できたら以下のコマンドを実行します。 cocos new TestGame -p com.yourdomain.testgame -l cpp コマンドが無事実行できたらproj.win10フォルダのTestGame.slnファイルを開きます。 あとはTestGameプロジェクトをスタートアッププロジェクトに設定してデバッグすればゲームを実行できます。

UniversalWindowsApp開発入門03-デバッグ技術-

動画 youtube channel9 VisualStudioによるUWPのデバッグ VisualStudioには優秀なデバッガがついており、プログラムのバグ検出を簡単に行うことができるようになっています。 ここでは以下の項目を解説していきます。 デバッグ出力 ブレークポイントによるステップ実行 デバッグ出力 UWPのようにGUIアプリケーションでは、デバッグ情報(変数の値など)を直接見たい場合、コンソールなどの簡易出力機能がないため別の出力を使います。 UWPではDebugクラスの静的メソッドを使用することで簡易的にデバッグ情報を出力することができます。 出力先はVisualStudioの「出力」ウインドウです。 int result = sum(2, 3); Debug.WriteLine(result); Debug.WriteLineメソッドはConsole.WriteLineと同じようなフォーマットで変数を出力することができます。 int result = sum(2, 3); Debug.WriteLine(“result is {0}”,result); ただしDebug.WriteLineメソッドはデバッグビルドでしか実行できず、リリースビルドでは最適化されて実行されないので注意が必要です。 ブレークポイントの設定 VisualStudioではブレークポイントというものを設定することでプログラムをその行で止めることができます。 ブレークポイントを設定するにはVisualStudioのエディタ上の左の灰色の列を選択することで設定できます。 実際にデバッグしてみるとブレークポイントで止まると自動変数というウインドウで変数の値を確認できます。 設定したブレークポイントをもう一度クリックするとブレークポイントを解除できます。 ステップ実行 ブレークポイントでプログラムを止めると、止めた行から1行ずつプログラムを実行していくステップ実行をすることができます。 やり方はブレークポイントで実行を止めた後、F10キーを押します。 F10キーによって実行されるものはステップアウトと呼ばれ、メソッドの内部には入りません。 F11キーを押すとステップ実行はメソッド内まで入っていける、ステップインを実行できます。 メソッド内から出るためにはShift+F11を押してステップアウトします。 次のブレークポイントに行くにはF5キーか続行ボタンを押します。  

In-App MenuとLiveVisualTreeとLivePropertyExplorerでレイアウトのデバッグをする

※この記事はVisualStudio 2015 Update2を当てていることが前提です In-App Menu UWPをデバッグするとこのようにIn-App Menuが表示されます。 In-App Menuには ライブビジュアルツリーへ移動 要素の選択を有効化 レイアウトガイド表示 の3つのボタンがあります。 一番左のライブビジュアルツリーへ移動を選択するとVisualStudioへ移動し、現在のアプリのレイアウト構造が詳細に表示されます。 真ん中の要素選択の有効化ボタンをクリックすると、アプリ内のXAML要素を選択できるようになります。 選択された要素はライブビジュアルツリーでリアルタイムに確認できます。 こちらはトグルボタンで、有効化している間はbuttonなどの要素のクリックイベントは発火しません。 一番左のレイアウトガイドを表示するはライブビジュアルツリーで選択されている要素のMarginなどのレイアウトガイドを表示できます。 真ん中の要素選択の有効化ボタンと組み合わせると実行中のアプリ内の要素を選択しつつ、レイアウトガイドを表示できます。 In-App Menuは二重線のボタンを押すことで最小化できます。 ライブビジュアルツリーウインドウで一番左のツールチップをクリックすると完全に消すこともできます。 Live Property Explorer デバッグ中に、VisualStudioのライブプロパティエクスプローラーを表示すると、ライブビジュアルツリーで選択中の要素に対してリアルタイムにプロパティの変更を適用できます。 例えば下記の画像だとButton要素のContent要素プロパティをButton2に帰るとデバッグ中のアプリのContent要素もButton2にかわります。 しかしライブプロパティエディターで適用した変更はデバッグを終了すると元にもどってしまうので注意が必要です。