C# TreeViewを使用する1

C# TreeViewを使用する1

• 1.
  C# TreeViewを使用する1 ～デザイナを使用したツリーノードの作成～ Microsoft MVPHiroki.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