Windows11の教科書

ウィンドウズ11やスマホで困ったことを調べたブログ

ウィンドウズ11やアプリで困ったことを調べたブログ

スポンサーリンク


【VisualStudio】C#のパネルって何?どう使うの?

Visua Studioでフォームアプリケーションを作る際に知っておくと便利なのがパネルです。パネルは部品の箱のように使えるので、他の部品の管理が楽になります。

パネルとは?

Squares

パネルはボタンやテキストフィールド、ラベルといったパーツを置いておく入れ物です。

 

1つのパネルのうえに、複数のボタン・テキスト・ラベルなどを配置します。すると、パネルを動かすだけで他の部品の位置も一緒に動きます。

 

例えば以下のようにフォーム上に直接ラベル、テキストボックス、ボタンを置いた場合...

f:id:apicode:20200818090302p:plain

 

位置をちょっと動かしたい場合でも1つづつ動かさないといけません。

f:id:apicode:20200818090305p:plain

 

しかしパネル上にラベル・テキスト・ボタンを置いておけば、パネルを動かすとそのうえにのっかっている部品も一緒に動きます。

f:id:apicode:20200818090308p:plain

 

 

パネルを使うには?

使い方

ツールボックスからPanelを選び、

f:id:apicode:20200818090457p:plain

 

フォーム上に配置します。

f:id:apicode:20200818090621p:plain

 

パネルが選択されている状態のまま、ボタンをその上に配置します。これでパネルの上に、パネルと関連付けされた状態でボタンが配置されます。

 

パネルを選択せずにボタンを配置すると、ボタンは単独のボタンのままです。

f:id:apicode:20200818090624p:plain

 

あとはパネルを選んで、移動アイコンをつかんで移動しましょう。

f:id:apicode:20200818090627p:plain

 

 

パネルの種類

Panel

シンプルなパネルです。

f:id:apicode:20200818090457p:plain

 

GroupBox

グループボックスは枠線がついたパネルのようなものです。

f:id:apicode:20200818090943p:plain

 

こちらは、枠線と名前がついているので、要素ごとに整理された感じで表示できます。

f:id:apicode:20200818091100p:plain

 

Flowlayout Panel

フローレイアウトが使えるパネルです。

フローレイアウトとは、パネルの大きさに応じて配置が自動的に変わるというものです。

f:id:apicode:20200818091258p:plain

 

まずFlowLayout Panelをフォーム上へ配置します。

f:id:apicode:20200818091604p:plain

 

パネルを選択したままでボタンを今度は追加します。

するとボタンが自動的に左上に整列されています。

f:id:apicode:20200818091606p:plain

 

続いてもう1つボタンを追加してから...

f:id:apicode:20200818091608p:plain

 

パネルの幅を横に広げると、余白を埋めるように2つ目のボタンが1つ目のボタンの横に自動的に移動しました。

f:id:apicode:20200818091611p:plain

 

ウェブページを見ていると、横幅に応じて2段組みになったり1段組になって表示されることがあると思います。

 

フローレイアウトパネルも同じようにサイズの変更に伴ってレイアウトが調節されます。幅がたっぷりあると、部品が回り込んで配置されるようになります。

 

TableLayoutPanel

こちらは複数のパネルをグリッド状に配置するのに便利なレイアウトです。

f:id:apicode:20200823100342p:plain

 

テーブル内の分割数は変更可能。例えばColumnCountを変更するとタテの列の数が変わります。

f:id:apicode:20200823100345p:plain

 

配置するには、パネルを選んだ状態でボタンなどを配置します。

配置するときに置いたグリッド内の位置に自動的に合わせられます。ただ1つの枠内には1つの部品しか配置できません。

f:id:apicode:20200823100514p:plain

 

便利な使い方

作りたいソフトによっては、複数のパネルを切り替えたりしたい場合があります。

 

パネルのVisibleプロパティをオンオフするだけで表示をオンにしたりオフにできます。

private void button3_Click(object sender, EventArgs e)
{
 flowLayoutPanel2.Visible = false;
}

 

 

このブログは、ネットや書籍上の情報、個人の体験や感想を中心にまとめたものです。 正確性を期していはいますが、間違い・誤訳等あるかもしれません。 当サイトの情報によって生じたいかなる損失について一切の責任を負わないものとします. あらかじめご了承ください。

利用規約・プライバシーポリシー |〇問い合わせ