SplitContainer

前田稔(Maeda Minoru)の超初心者のプログラム入門

ウインドウを分割

1. C# にはウインドウを分割する便利なツール(SplitContainer)が用意されています。
   これを使ってウインドを左右に分割してみましょう。
   空のプロジェクトを作成して下さい。
   詳細は Form を作成する を参照して下さい。
   
2. CSForm.cs の[デザイン]を表示して、ウインドウの幅を広げて下さい。
   [ツールボックス] から [SplitContainer] をフォームに貼り付けます。
   SplitContainer は Form サイズいっぱいに配置され、左が Panel1 右が Panel2 になります。
   ソースプログラム(CSForm.cs)に InitializeComponent() のメソッドが追加されます。
   Splitter と間違えないようにして下さい。
   Splitter は SplitContainer の前に使われていた古いツールです。
   
3. この状態で実行してみましょう。
   MyForm の Constructor から InitializeComponent() を呼び出します。
   SplitContainer の区切りをドラッグすると Panel1 と Panel2 のサイズが変わります。
   

   public MyForm() { InitializeComponent(); }

プログラムの説明

1. [デザイン]を表示して Panel1 に ListBox を Panel2 に TextBox を貼り付けます。
   TextBox の既定値は一行だけなので、Multiline を True に設定します。
   SplitContainer の枠一杯に配置して下さい。
   
2. ListBox と TextBox に背景色と Dock を設定します。
   InitializeComponent() のメソッドに次のコードを追加して下さい。
   

   this.listBox1.BackColor = System.Drawing.SystemColors.ControlDark; this.listBox1.Dock = System.Windows.Forms.DockStyle.Fill; this.textBox1.BackColor = System.Drawing.SystemColors.ActiveCaption; this.textBox1.Dock = System.Windows.Forms.DockStyle.Fill;

3. SplitContainer の区切りをドラッグすると左右のサイズが変わります。
   ウインドウのドラッグでサイズを拡大・縮小すると ListBox と TextBox も連動します。
   

テキストを設定

1. ListBox と TextBox にテキストを表示します。
   MyForm() から MyForm_Load() を呼び出します。
   

   public MyForm() { InitializeComponent(); Load += new System.EventHandler(MyForm_Load); }

2. MyForm_Load() で ListBox と TextBox にテキストを設定します。
   

   private void MyForm_Load(object sender, System.EventArgs e) { listBox1.Items.Add("0123456789"); listBox1.Items.Add("abcdegfg"); listBox1.Items.Add("HIJKLMN"); textBox1.Text = "Text Box\r\n0123456\r\nTestMessage\r\nMaedaMinoru"; }

3. Windows(C++) でも同様のプログラムを作成しています。
   超初心者のプログラム入門(Windows)から Window を左右に分割して表示する， ウインドウの境界をドラッグする を参照して下さい。
   

[Next Chapter ↓] FolderView

超初心者のプログラム入門(C# Frame Work)