‫WP EFF編におかえりなさい｡
‫このビデオでは､ Helloworld WP Fアプリケーションのためにすべてを設定するつもりです､ したがって､ あなたは､ Visual
‫Studioインストーラを開く必要があり､ その後､ ここでは､ インストールされているとあなたのVisual
‫Studioコミュニティ2017とここで単に変更または詳細をクリックして､ その後､ 物事を準備し､ その後ワークロードをインストールすることを変更するをクリックしています｡
‫そして､ ここでは､ ドットネットデスクトップ開発ワークロードもインストールすることが重要です｡
‫これにより､ WPFやWindows Formsなどを構築することができます｡
‫もしそれがなければ､ ここでWP Fを検索するか､ ここでドットネットを検索して､ ドットネットのデスクトップ開発をインストールするだけでいいのです｡
‫それが終わったら､ それを閉じて､ 先に進み､ 新しいプロジェクトを開くことができます｡
‫そして､ これをインストールすると､ WP､ PHPドットネットフレームワークと呼ばれるものがここに表示されます｡
‫そこで､ Visual C sharpに行くと､ そこにWPFアプリがあるので､ そのアプリをWP
‫f01と呼ぶことにします｡
‫デザイナーが読み込まれ､ このメインウィンドウのXAMLファイルが見つかります｡
‫さて､ XAMLファイルとは何なのか､ そしてこの全体像は何なのか､ と思われるかもしれません｡
‫さて､ これが私たちのGUIグラフィカル・ユーザー・インターフェースです｡
‫そしてここでは､ テキストボックスのようなものをドラッグしたり､ ボタンをドラッグしたりすることができますが､ それはHTMLコードの中でも可能です｡
‫次のビデオでは例についてもっと詳しく見ていきますが､ とりあえず､ この中にhello worldのテキストを作成し､
‫それを開くことができるようにしましょう｡
‫左側のツールボックスには､ メインウィンドウにドラッグできるさまざまなコントロールなどが表示されます｡
‫見ての通り､ メインウィンドウというタイトルで､ このタイトルで検索すると､ お手本のここにも出てきます｡
‫ご覧のように､ ここで分割されているわけです｡
‫例の部分とデザインの部分があります｡
‫つまり､ このデザインウィンドウは､ ここにあるようなものです｡
‫そして､ ここに見えるXAMLウィンドウがあります｡
‫そしてこれが､ ここに見えるこのウィンドウを構成するほぼすべてのコードです｡
‫つまり､ ここまでは複数の名前空間を使っているわけです｡
‫続いて､ メインウィンドウのクラスです｡
‫ここで使っているのは､ ほぼこのクラスです｡
‫このように､ メインウィンドウはXAMLであり､ クラスの背後にはコードが存在します｡
‫ちょっと調べてみますね｡
‫そして､ タイトルの高さと幅です｡
‫ここでウィンドウの幅を定義し､ 高さを定義し､ そしてもちろん､ 上部にあるタイトルを定義します｡
‫では､ もう一度デザインを開いてみましょう｡
‫デザインをクリックしよう｡
‫ダブルクリックも可能です｡
‫そして､ それを窓一面に､ 大きな窓で見るのです｡
‫ツールボックスを開くには､ control alt xを押すか､ またはviewに移動して､
‫ツールボックスが表示されます｡
‫そこで､ ツールボックスを開いてみることにします｡
‫ご覧の通り､ テキストブロックが表示されています｡
‫そして､ 私たちは
‫それが､ 私たちのテキストブログです｡
‫そして､ その位置を変えることができるのがお分かりいただけると思います｡
‫これを上にドラッグすると､ グリッド内の状況が変化するのがわかります｡
‫そこで､ 動かしてみると､ ご覧のようにマージンが変わり､ テキストの折り返しが設定され､
‫そして､ 縦方向は上と左に､ 横方向は左に整列しているのです｡
‫ご覧のように､ この値は自由に変更できます｡ 私は､ 多少なりとも中央に配置するつもりです｡
‫そして､ 単純に､ その余白を追加しているのです｡
‫ご覧のように､ 上方に向かって47に1つ､ 左方に向かって225に1つ｡
‫テキストを変更したい場合は､ ここでテキストを変更するか､ ここをダブルクリックしてからテキストを変更することができるようになりました｡
‫だから､ Hello Worldとか言って､ 入力したらとか､ どこかをクリックしたらとか､ そういうことです｡
‫ご覧のように､ ここにこのように入力されています｡
‫だから､ またそうやって処分して､ クリックして決めるんです｡
‫だから､ 見ての通り､ 必要なスペースしか取らないのです｡
‫つまり､ ここでテキストを折り返しているわけですが､ これはこのテキスト折り返しドットやイコールラップに関係しています｡
‫わかりました｡
‫そこで､ 例題などを検討することになります｡
‫しかし､ まず最初に､ このアプリケーションを起動してコードを実行してみましょう｡ すると､ 小さなメインウィンドウがあって､
‫メインウィンドウとhello worldになっているのがわかると思います｡
‫ご覧のように､ これは私たちのビューでここに設定されているここに言った単純なテキストです｡
‫しかも､ それを調整することもできるのです｡
‫ご覧の通り､ センター出しではありません｡
‫上と左にこの余白があるだけで､ 固定されているので､ いつも同じ場所に配置されます｡
‫わかりました｡
‫さて､ メインウィンドウは､ そのタイトルからメインウィンドウと呼ばれています｡
‫そこで今度は､ あなたへのちょっとした挑戦状です｡
‫テキストをhelloとyour nameに変更し､ タイトルをmy first guyに変更します｡
‫わかりました｡
‫ぜひ試してみてください｡
‫では､ そうしましょう｡
‫テキストを変更しよう
‫そして､ この中のテキストブロックドットテキストプロパティで行うことにしています｡
‫そして､ こちらは「ハロー､ デニス」になります｡
‫私の場合
‫そして今､ タイトルは､ 私の最初の男､ 私の最初のベタなグラフィカルユーザーインターフェースのようなものであるべきです｡
‫さて､ それを始めると､ 私たちは最初のグーフィーとハローデニスです｡
‫素晴らしい｡
‫これで､ ボタンやその他の素晴らしいものをここにドラッグするための準備がすべて整いました｡
‫では､ 現地でお会いしましょう｡