画面にあるモノの名前

「　画面を整えるまえに、画面にあるモノの名前を　知らないとな」

「　👆　Visual Studio 2022 とか使って WPF を開発してたら　こんな画面だと思う」

メイン メニュー

「　👆　昔は 上の赤枠のとこ　メイン メニューって呼んでたんだが、
今は タイトルバーと合体して 検索テキストボックスまで付いているんで、なんて呼ぶんだろうな？」

ツール バー

「　👆　ボタンが　いっぱい並んでいるとこは　ツール バー　とか呼んでるな」

デザイナー

「　👆　なんか　ダブルスクリーンみたいなやつ、　デザイナー　とか呼んでるな」

デザインの方

「　👆　なんか　絵が表示されるとこ、なんて名前なんだろな？　わたしは　デザイン　とか　デザインの方　と呼ぶけど」

XAMLの方

「　👆　なんか　XAML（ザムル）が表示されるとこ、なんて名前なんだろな？　わたしは　XAML　とか　XAMLの方　と呼ぶけど」

ソリューション エクスプローラー

「　👆　なんか　ツリー構造で　フォルダーやファイルを表示しているとこ、 ソリューション エクスプローラー って呼んでるな」

コード ビハインド

「　👆　ソリューション エクスプローラーで MainWindow.xaml をクリックすると MainWindow.xaml.cs が　ぶら下がってるけど、
.xaml ファイルのうしろ（ビハインド）に隠れて .xaml.cs ファイル（コード）がぶら下がっていることを コード ビハインド と呼ぶぜ」

「　こんなの Visual Studio 以外で　見たことないんだけど」

「　👆　じゃあ .cs ファイルをダブル クリックしようぜ？」

「　👆　出てきたのは　コード　のビューだぜ」

その他のビューの名前

「　👆　デザイナー と コード 以外は多分、　ビューの名前　書いてくれてるんで　上とか下とかを見てみろだぜ」

ウィンドウのレイアウト

「　Java言語の Eclipse という環境では　ワークベンチ　と　パースペクティブ　という概念があるが、
Microsoft 社の Visual Studio 環境 でそれに何という名前が付いているのか知らね。
やってみよう」

ペーンを全部閉じようぜ？

「　👆　正式名称が分かんないが、 眼球から見える何かが占めている面積のことを View（ビュー） と呼んでいて、
いくつも タブ が付いているのは　タブ パネル　であって、
１つのタブには 1つの Pane（ペーン） が紐づいていると思うんだぜ」

「　ややこし！」

「　閉じるボタンを押しまくって　全部閉じようぜ？」

「　👆　閉じるボタンをクリックしたり、右クリックして閉じたりすることで　ペーンを全部閉じれたな」

「　なんで　そんなことを……」

「　👆　ツールバー も　ハンドルをマウス押下して　ドラッグすれば…… 　あれ？　外れね？」

「　👆　じゃあ　ツールバー上のボタンの無いところを右クリックして　チェックを全部外せだぜ」

「　👆　よし　ペーンと　ツール バー を全部外したぜ！」

「　戻せよ」

「　このように　好きなようにペーンを置いてください、という考え方が　ワークベンチ （Workbench） という概念だぜ。
意味としては　作業台。
逆に　どこに何のペーンが置いてあるか決まってるのを　プログラム言語では　パースペクティブ （Perspective） というぜ。
美術の遠近法（パースペクティブ）とは関係なくて、 わたしの机の上の物を動かすなよ ぐらいの意味だぜ」

「　画面構成だよな」

「　いくつかあるパースペクティブを　パッ、パッ、パッ　と瞬時に切り替えることができるのが
ワークベンチと　パースペクティブの概念だぜ」

「　Unity にも画面切り替えあるけど、　Visual Studio にもあんの？」

「　👆　[ウィンドウ] - [ウィンドウ レイアウトのリセット] というメニューがあるな。クリックしてみようぜ？」

「　👆　少しだけ戻った」

「　戻せよ」

ビュー メニューから戻そうぜ

「　👆　画面上に無いものは　ビュー メニューに入ってるのがお約束だぜ。日本語では [表示]。
例えば　ドキュメント アウトライン　を表示してみようぜ？」

「　👆　出てきたな。
なんか　出たり　出したり　できるタイプの　タブ パネル　だぜ」

ピン留め

「　👆　ピンのアイコンをクリックすると」

「　👆　画面の端っこから名前が消えて　出たり入ったり　しなくなるぜ。その場所に陣取るぜ」

自動的に隠す

「　👆　邪魔だから　引っ込んでもらうには　どうやったらいいの？」

「　もう１回　ピンをクリックするか、　右クリックして 自動的に隠す を選べだぜ」

ペーンを移動しようぜ？

「　👆　タブ パネルの　タイトルのところは　マウスでドラッグできるんで……」

「　👆　好きなところへ　ドッキングさせろだぜ。
ワークベンチにドッキングさせなければ、そのまま浮いてるぜ」

「　👆　置いた　タブ パネル　の下側に取り付けるとか、　ネストができる。
最初は　わけ分からんだろうし、　説明すると　ドッキングの説明の分量が多くなる。　触って覚えろだぜ」

境界線を上下（左右）に動かそうぜ？

「　👆　狭いだろ。　タブ パネル　の境界線は　マウスでドラッグできるぜ」

「　👆　上にずらしてみろだぜ」

「　👆　広がったな」

デザイナーの機能、または関連機能

ズームの調整

「　ウィンドウに全体が収まっていないようなんで　調整しようぜ？」

「　👆　全てを合わせる を選べば」

「　👆　全体が見えるサイズに調整されるぜ」

オリエンテーション（縦長、横長）適応

「　縦長の画面のアプリを作っていることもあるだろう」

「　👆　なんか画面を二分しているスプリットの柱んところに　タテナガ、ヨコナガのボタンがあるので　押してみろだぜ」

「　👆　横割り、縦割り　が切り替わったな」

上下（左右）入れ替え

「　👆　コードが左で、　デザインが右の方がいい人もいるだろ。
そんなときは　真ん中の柱の　矢印が生き違ってるボタンをクリックしろだぜ」

「　👆　左右が入れ替わったな」

デザインとソリューション エクスプローラーの同期は手動

「　👆　ソリューション エクスプローラーの なんか　くるっと回ってる矢印　のボタンを押してみろだぜ」

「　👆　今　デザイナで　どのファイルを編集してるのか　選択して教えてくれるぜ」

背景色の変更

「　👆　灰色のものを置いてると、背景が灰色で見にくいことがあるだろ。
そんなとき　上図のボタンを　クリックしてみろだぜ」

「　👆　見やすくなったな」

この記事に向かってリンクしている記事

📖　WPF演習問題　デスクトップ上のちり紙