デザイナを使用してTreeViewにノードを追加する方法を説明します。

1. C# TreeViewを使用する1
～デザイナを使用したツリーノードの作成～
Microsoft MVP Hiroki.T
http://blog.hiros-dot.net/
copyright @2015 HIRO's.NET All Rights Reserved.

2. TreeViewコントロール概要
 TreeViewは、親子関係をツリー構造で視覚的に表すためのコン
トロールです。
 エクスプローラーの左側に表示される、フォルダの階層構造を表
すようなアプリを作成したい場合はTreeViewコントロールを使用
します。

3. デザイナを使用した
ツリーの作成

4. デザイナでツリーを作成する1
 固定のツリー構造を表示する場合は、Visual Studioのデザイナ
で作成するのが簡単です。
 フォームにTreeViewを配置したら、プロパティウィンドウで
「Nodes」プロパティを選択して、右側に表示される[…]ボタンをク
リックします。

5. デザイナでツリーを作成する2
 TreeNodeエディターが表示されます。この画面の左側でノードを
追加していきます。
 「ノード」とは、ツリー構造の親子関係を表す要素の「親」や「子」
のことです。
画面左側で
親子関係を
作成する

6. デザイナでツリーを作成する3
 ルートノードを作成してみましょう。
 「ルートノード」とは一番の親となるノードのことです。
 「ルートノード」は複数作成することができ、それぞれのルートノー
ドに子や孫ノードを作成することができます。
 「TreeNodeエディタ」画面の左下にある[ルートの追加]ボタンを2
回押して、ルートノードを2つ作成してみましょう。

7. デザイナでツリーを作成する4
 続いて、子、孫ノードを作成してみましょう。
 先ほど作成したルートノードを選択状態にすると[子の追加]ボタン
をクリックできるようになります。ここでは「ノード1」を選択して[子
の追加]ボタンをクリックしてみましょう。「ノード1」の子ノードとして
「ノード2」が作成されます。
 同様にして孫ノードを作成します。「ノード2」を選択して[子の追加]
ボタンをクリックします。「ノード2」の子として「ノード3」が作成され
ます。

8. デザイナでツリーを作成する5
 最後にノードに表示されるテキストを変更してみましょう。
 テキストを変更するには任意のノードを選択し、右側のプロパティ
一覧の「Text」の値を変更します。
 ノード0のTextを親1に変更してみましょう。

9. デザイナでツリーを作成する6
 編集が完了したら「TreeNodeエディター」の[OK]ボタンを押して、実
行して確認してみましょう。
 次回は、コードからノードを作成する方法について説明します。

10. End