Visual Studio2012の使い方_2

#はじめに

前回の続きです。
今回から画像の編集の仕方が変わっています。
※添付している画像は全てスクリーンショットとペイントで編集しました。

#プロパティウィンドウの使い方
###プロパティウィンドウの表示方法
![create1.png](https://qiita-image-store.s3.amazonaws.com/0/249280/462329b1-733b-5ef8-93cb-96a8b0522f68.png)

①表示を選択
②その他のウィンドウを選択
③プロパティウィンドウを選択
※プロパティウィンドウが表示されていないことがある為
![create2.png](https://qiita-image-store.s3.amazonaws.com/0/249280/18398295-6842-56f0-5034-844aaa78b153.png)

これでプロパティが表示される。

###ウィンドウのタイトルバーの設定
![create3.png](https://qiita-image-store.s3.amazonaws.com/0/249280/f39e0554-a575-9951-a45e-871b48be61ed.png)

①WPFウィンドウの外枠を選択
②種類がWindowと表示されている事を確認
③プロパティウィンドウの並べ替えを選択
④名前を選択
※見つけやすくするために、並べ替える
![create4.png](https://qiita-image-store.s3.amazonaws.com/0/249280/bbe31d2f-bab8-e4b7-8045-93e69d541fb6.png)
①titleのWindowを付けたい名前に変える
※付けたい名前にする

![create5.png](https://qiita-image-store.s3.amazonaws.com/0/249280/56b46286-4b39-f511-605e-5f27cb72ae11.png)
※今回は自分が使っている教科書通りに進む為、このような名前にしました。

###ボタンの文字列と名前の設定
![create6.png](https://qiita-image-store.s3.amazonaws.com/0/249280/2c015e05-6552-4aa0-b68c-112576789590.png)
①WPFウィンドウ上のボタンを選択
②種類がButtonと表示されている事を確認
③ContentのButtonを付けたい名前に変える
![create7.png](https://qiita-image-store.s3.amazonaws.com/0/249280/681f6126-1b7c-d185-cde0-9797d72f31fc.png)
※こちらも、教科書通りに進む為このような名前にしました。

###イベントの登録
閉じるボタンがクリックされたときに発生するイベントを登録する
![create8.png](https://qiita-image-store.s3.amazonaws.com/0/249280/02871298-fe34-2536-1411-228234ee6e3e.png)
①種類がButtonと表示されている事を確認
②プロパティウィンドウの右上にある選択した要素のイベントハンドラーを選択

![create9.png](https://qiita-image-store.s3.amazonaws.com/0/249280/3b14a749-e8e7-99d7-489a-476454c13884.png)
①スクロールしてClickイベントを表示する
②Clickイベントのボックスをダブルクリックする

![create10.png](https://qiita-image-store.s3.amazonaws.com/0/249280/41b016c5-e729-e013-1551-35b980a6db14.png)
このような画面が表示される
これを、コードエディターという

#コードエディターの使い方
###コードを編集する
![create11.png](https://qiita-image-store.s3.amazonaws.com/0/249280/ec05787e-7a63-b2d8-732c-b1d5e26406f5.png)
①Button_Clickの赤枠の中の通りに、[Close();]と入力する
※Close();はウィンドウを閉じるための命令
※大文字と小文字を区別する([close]と[Close]は別物として扱われる)

#保存の方法
###ファイルを個別に保存する方法
![create12.png](https://qiita-image-store.s3.amazonaws.com/0/249280/230f2033-e298-dee2-8284-abc24c8ef62d.png)
①MainWindow.xaml.csが選択されている事を確認する
![create13.png](https://qiita-image-store.s3.amazonaws.com/0/249280/6ff42ad9-4084-cf3a-ce01-96cf2209e8c5.png)
①ファイルから、MainWindow.xaml.csの保存を選択
　編集中のMainWindow.xaml.csが保存される
ショートカットキー = [Ctrl] + [S]
 
###ファイルを全て保存する
![create14.png](https://qiita-image-store.s3.amazonaws.com/0/249280/132efcf7-db6f-c925-039f-edc0b81fc22d.png)
①ファイルから、すべてを保存を選択
　編集中のすべてのファイルが保存される
ショートカットキー = [Ctrl] + [Shift] + [S]

###保存状態の確認
![create15.png](https://qiita-image-store.s3.amazonaws.com/0/249280/e1947f04-47ad-2533-eb79-f0e616ab6f4d.png)
名前の右上に[*]マークが表示されている場合は、編集した内容が保存されていない

![create16.png](https://qiita-image-store.s3.amazonaws.com/0/249280/3216a4b6-898a-25b8-a911-03aee5d1b2d3.png)
[*]マークが表示されていない場合、内容が保存されている

#デバッグ実行
※デバッグとは、バグ(プログラムの誤り)を探して取り除くこと
###デバッグを実行する
![create17.png](https://qiita-image-store.s3.amazonaws.com/0/249280/5c166c7c-2224-55a5-ec01-0145a759a755.png)
①デバッグから、デバッグ開始を選択

![create18.png](https://qiita-image-store.s3.amazonaws.com/0/249280/5853a742-adfa-ebe7-7353-7645d2776d82.png)
デバッグが成功すると、このような画面が表示される