このクイックスタートでは、TreeViewコントロールを使用して単純な.NETアプリケーションを作成する手順を説明します。 開始するには、以下の手順に従ってください。

手順 1：アプリケーションへの TreeView の追加

TreeView コントロールをアプリケーションに追加するには、次の手順に従います。

1. 新しい Windows フォームアプリケーションを作成します。
2. デザインビューで、C1TreeView コントロールをツールボックスからフォームにドラッグアンドドロップします。
   TreeView コントロールが表示され、デフォルトで Column1 が追加されます。
3. スマートタグをクリックし、［親コンテナにドッキングする］を選択します。
   これで、アプリケーションに TreeView コントロールを追加できました。

手順 2：TreeView のノードの作成

デザイナを使用するか、アプリケーションのコードを使用して、TreeView にノードを作成できます。

デザイナの使用

デザイナを使用して TreeView にノードを作成するには、次の手順に従います。

1. スマートタグをクリックし、［列の編集...］を選択します。
   C1TreeColumn コレクション エディターが表示されます。
2. Name フィールドと HeaderText フィールドに該当する名前とヘッダーテキストをそれぞれ入力します。
   
   
                      
3. C1TreeColumn コレクション エディターを閉じます。
4. スマートタグをクリックし、［ノードの編集...］を選択します。
   ツリーノード エディターが表示されます。
5. ［追加］をクリックして、最上位のノードを作成します。
6. Value プロパティでノードのカスタムラベルを指定します。
7. ［子の追加］ をクリックして、選択したノードに子ノードを追加します。
8. Value プロパティで子ノードのカスタムラベルを指定します。
9. 必要に応じて、アプリケーションで手順 7 〜 10 を繰り返します。
   
   
   
10. ［OK］をクリックして変更を保存します。

コードの使用

プログラムによって TreeView にノードを作成するには、次の手順に従います。

1. ノードの新しいインスタンスを作成します。
2. TreeView ノードコレクションに親ノードを追加します。
3. 親ノードの値を設定します。
   
   • CS
   • CS

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

   VB	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

4. 子ノードを親ノードに追加します。
5. 子ノードの値を設定します。
                         
   
   • CS
   • CS

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

   VB	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

6. 手順 3 〜 7 を繰り返して、親ノードと子ノードをさらに追加します。

手順 3：アプリケーションの実行

これで、TreeView にノードを作成できたので、後はアプリケーションを実行するだけです。

アプリケーションを実行すると、次の出力が表示されます。

WinForms .NET 5エディションには、まだ豊富な設計時サポートが含まれていないことに注意してください。 将来のリリースではそれに応じてコードを拡張します。

TreeViewコントロールの.NET5で単純なWinFormsアプリケーションを作成するには、次の手順を実行します。

1. 新しいWindowsフォーム.NETCoreアプリケーションを作成します。

2. コードエディタに切り替えて、C1TreeViewコントロールを初期化します。

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

3. Headerテキストを追加してC1TreeViewを構成します。

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

4. C1TreeNodeクラスを使用してルートノードを作成し、SetValueメソッドでルートノードの値を設定します。

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

5. NodesプロパティとAddメソッドを使用して、TreeViewノードコレクションにルートノードを追加します。

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

6. 子ノードを作成し、最初のルートノードに追加します。

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

7. 子ノードを作成し、それらを2番目のルートノードに追加します。

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

8. 子ノードを作成し、それらを3番目のルートノードに追加します。

   C#	コードのコピー
   Type your example code here. It will be automatically colorized when you switch to Preview or build the help system.

9. コードを実行し、出力を表示します。

   

   Note: We cannot create every type of application in .NET Core using VB.NET for .NET Core 5, especially WinForms App in Visual Studio. Also, Microsoft has not released the .NET core for Visual Basic platform yet.