Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
C# TreeViewを使用する1
~デザイナを使用したツリーノードの作成~
Microsoft MVP Hiroki.T
http://blog.hiros-dot.net/
copyright @2015 HIRO's.NET All Ri...
TreeViewコントロール概要
 TreeViewは、親子関係をツリー構造で視覚的に表すためのコン
トロールです。
 エクスプローラーの左側に表示される、フォルダの階層構造を表
すようなアプリを作成したい場合はTreeViewコントロール...
デザイナを使用した
ツリーの作成
デザイナでツリーを作成する1
 固定のツリー構造を表示する場合は、Visual Studioのデザイナ
で作成するのが簡単です。
 フォームにTreeViewを配置したら、プロパティウィンドウで
「Nodes」プロパティを選択して、右側に表...
デザイナでツリーを作成する2
 TreeNodeエディターが表示されます。この画面の左側でノードを
追加していきます。
 「ノード」とは、ツリー構造の親子関係を表す要素の「親」や「子」
のことです。
画面左側で
親子関係を
作成する
デザイナでツリーを作成する3
 ルートノードを作成してみましょう。
 「ルートノード」とは一番の親となるノードのことです。
 「ルートノード」は複数作成することができ、それぞれのルートノー
ドに子や孫ノードを作成することができます。
 ...
デザイナでツリーを作成する4
 続いて、子、孫ノードを作成してみましょう。
 先ほど作成したルートノードを選択状態にすると[子の追加]ボタン
をクリックできるようになります。ここでは「ノード1」を選択して[子
の追加]ボタンをクリックしてみ...
デザイナでツリーを作成する5
 最後にノードに表示されるテキストを変更してみましょう。
 テキストを変更するには任意のノードを選択し、右側のプロパティ
一覧の「Text」の値を変更します。
 ノード0のTextを親1に変更してみましょう。
デザイナでツリーを作成する6
 編集が完了したら「TreeNodeエディター」の[OK]ボタンを押して、実
行して確認してみましょう。
 次回は、コードからノードを作成する方法について説明します。
End
Upcoming SlideShare
Loading in …5
×

C# TreeViewを使用する1

1,674 views

Published on

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

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

C# TreeViewを使用する1

  1. 1. C# TreeViewを使用する1 ~デザイナを使用したツリーノードの作成~ Microsoft MVP Hiroki.T http://blog.hiros-dot.net/ copyright @2015 HIRO's.NET All Rights Reserved.
  2. 2. TreeViewコントロール概要  TreeViewは、親子関係をツリー構造で視覚的に表すためのコン トロールです。  エクスプローラーの左側に表示される、フォルダの階層構造を表 すようなアプリを作成したい場合はTreeViewコントロールを使用 します。
  3. 3. デザイナを使用した ツリーの作成
  4. 4. デザイナでツリーを作成する1  固定のツリー構造を表示する場合は、Visual Studioのデザイナ で作成するのが簡単です。  フォームにTreeViewを配置したら、プロパティウィンドウで 「Nodes」プロパティを選択して、右側に表示される[…]ボタンをク リックします。
  5. 5. デザイナでツリーを作成する2  TreeNodeエディターが表示されます。この画面の左側でノードを 追加していきます。  「ノード」とは、ツリー構造の親子関係を表す要素の「親」や「子」 のことです。 画面左側で 親子関係を 作成する
  6. 6. デザイナでツリーを作成する3  ルートノードを作成してみましょう。  「ルートノード」とは一番の親となるノードのことです。  「ルートノード」は複数作成することができ、それぞれのルートノー ドに子や孫ノードを作成することができます。  「TreeNodeエディタ」画面の左下にある[ルートの追加]ボタンを2 回押して、ルートノードを2つ作成してみましょう。
  7. 7. デザイナでツリーを作成する4  続いて、子、孫ノードを作成してみましょう。  先ほど作成したルートノードを選択状態にすると[子の追加]ボタン をクリックできるようになります。ここでは「ノード1」を選択して[子 の追加]ボタンをクリックしてみましょう。「ノード1」の子ノードとして 「ノード2」が作成されます。  同様にして孫ノードを作成します。「ノード2」を選択して[子の追加] ボタンをクリックします。「ノード2」の子として「ノード3」が作成され ます。
  8. 8. デザイナでツリーを作成する5  最後にノードに表示されるテキストを変更してみましょう。  テキストを変更するには任意のノードを選択し、右側のプロパティ 一覧の「Text」の値を変更します。  ノード0のTextを親1に変更してみましょう。
  9. 9. デザイナでツリーを作成する6  編集が完了したら「TreeNodeエディター」の[OK]ボタンを押して、実 行して確認してみましょう。  次回は、コードからノードを作成する方法について説明します。
  10. 10. End

×