困ったー

WIN10・アプリ・ゲームで困ったことを調べてみた

「こまったー」は困ったことを調べたブログです。

オキュラスクエスト2 |  ARK |  フォートナイト |  マイクラ |  サティスファクトリー | 

スポンサーリンク


【VisualStudio 2019】C#のパネルとは?使い方は?

◆Paypayならチャージだけでマイナポイント最大5000円還元( アイフォン(iOS) | アンドロイド)

Visua Studioでフォームアプリケーションを作る際に知っておくと便利なのがパネルです。パネルとはいれもののようなもので、これを使うとボタンなどのインタフェースの管理が楽になります。

パネルとは?

Squares

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

 

これがあれば、複数のボタン・テキスト・ラベルなどを一度に表示・日表示したり、一括して場所を移動できます。

 

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

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;
}

 

 

[C#関連記事]

  1. 【Visual Studio 2019】C#の始め方 - 困ったー
  2. 【Visual Studio 2019】C#のエラーと対策 - 困ったー
  3. 【C#】ツールボックス 一覧 - 困ったー
  4. 【Visual Studio】C#でフォームの使い方 フル画面?半透明?バーを消す?
  5. 【VisualStudio】C#のボタンとは?使い方は?
  6. 【VisualStudio】C#のパネルとは?使い方は?
  7. 【Visual Studio】C#で表・テーブルを使うには?
  8. 【Visual Studio】C#でスクレイピング
  9. 【Visual Studio】C#で文字やファイルを扱うには? - 困ったー
  10. 【Visual Studio】C#で画像やサウンドを扱うには? - 困ったー
  11. 【Visual Studio】C#で動画を制御するには?ビデオ入力表示は?
  12. 【Visual Studio】C#でインターネット関数の使い方 - 困ったー
  13. 【Visual Studio】C#で顔認識や日本語解析のサンプル - 困ったー
  14. 【Visual Studio】C#からMySqlの使い方 接続するには?SQL文を実行するには?

 

[Visual Studio 2019関連記事]

  1. Visual Studio 2019 無料で使うには?ダウンロードするには?
  2. インストーラ作成のまとめ アイコンは?.NET Frameworkを含めるには?
  3. Visual Source Codeとは?Visual Studio 2019との違いは?

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

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