ツリービューを作成する

スポンサーリンク

ツリービューを作成するにはTreeViewクラスを、ツリービュー項目を作成するにはTreeVewItemクラスを使用します。

またツリービュー項目に表示するテキストはHeaderプロパティに設定します。

項目は入れ子にすることで子項目を作成することができます。

コードから項目を追加する場合にはItemsプロパティAddメソッドを使用します。

下記はツリービューを作成する例です。

TreeViewを作成する例

 

 

XAMLの例(WPFの場合)

<TreeView>
    <TreeViewItem Header="親1">
        <TreeViewItem Header="子1" />
        <TreeViewItem Header="子2">
            <TreeViewItem Header="孫1" />
            <TreeViewItem Header="孫2" />
        </TreeViewItem>
        <TreeViewItem Header="子3">
            <TreeViewItem Header="孫1" />
            <TreeViewItem Header="孫2" />
            <TreeViewItem Header="孫3" />
        </TreeViewItem>
    </TreeViewItem>
    <TreeViewItem Header="親2">
        <TreeViewItem Header="子1" />
        <TreeViewItem Header="子2" />
    </TreeViewItem>
</TreeView>

XAMLの例(Silverlightの場合)

<sdk:TreeView Height="200" Width="200" HorizontalAlignment="Left" 
              VerticalAlignment="Top" Name="TreeView1">
    <sdk:TreeViewItem Header="親1">
        <sdk:TreeViewItem Header="子1" />
        <sdk:TreeViewItem Header="子2">
            <sdk:TreeViewItem Header="孫1" />
            <sdk:TreeViewItem Header="孫2" />
        </sdk:TreeViewItem>
        <sdk:TreeViewItem Header="子3">
            <sdk:TreeViewItem Header="孫1" />
            <sdk:TreeViewItem Header="孫2" />
            <sdk:TreeViewItem Header="孫3" />
        </sdk:TreeViewItem>
    </sdk:TreeViewItem>
    <sdk:TreeViewItem Header="親2">
        <sdk:TreeViewItem Header="子1" />
        <sdk:TreeViewItem Header="子2" />
    </sdk:TreeViewItem>
</sdk:TreeView>

VBの例

'XAMLではなくコードでツリービューを作成するには下記のようにします

'=== 親1のツリーを作成 ここから ===
Dim treeView1 As New Controls.TreeView
Dim item1 As New TreeViewItem
Dim item2 As New TreeViewItem
Dim item3 As New TreeViewItem
Dim item4 As New TreeViewItem
Dim item5 As New TreeViewItem
Dim item6 As New TreeViewItem
Dim item7 As New TreeViewItem
Dim item8 As New TreeViewItem

item1.Header = "親1"
item2.Header = "子1"
item3.Header = "孫1"
item4.Header = "孫2"

子1に孫1を追加
item2.Items.Add(item3)
子1に孫2を追加
item2.Items.Add(item4)
親1に子1を追加
item1.Items.Add(item2)

item5.Header = "子2"
item6.Header = "孫1"
item7.Header = "孫2"
item8.Header = "孫3"

子2に孫1を追加
item5.Items.Add(item6)
子2に孫2を追加
item5.Items.Add(item7)
子2に孫3を追加
item5.Items.Add(item8)
親1に子2を追加
item1.Items.Add(item5)
ツリービューに親1を追加
treeView1.Items.Add(item1)
'=== 親1のツリーを作成 ここまで ===

'=== 親2のツリーを作成 ここから ===
Dim item9 As New TreeViewItem
Dim item10 As New TreeViewItem
Dim item11 As New TreeViewItem

item9.Header = "親2"
item10.Header = "子1"
item11.Header = "子2"

親2に子1を追加
item9.Items.Add(item10)
親2に子2を追加
item9.Items.Add(item11)
ツリービューに親2を追加
treeView1.Items.Add(item9)
'=== 親2のツリーを作成 ここまで ===

C#の例

// XAMLではなくコードでツリービューを作成するには下記のようにします

//=== 親1のツリーを作成 ここから ===
System.Windows.Controls.TreeView treeView1 = new System.Windows.Controls.TreeView();
TreeViewItem item1 = new TreeViewItem();
TreeViewItem item2 = new TreeViewItem();
TreeViewItem item3 = new TreeViewItem();
TreeViewItem item4 = new TreeViewItem();
TreeViewItem item5 = new TreeViewItem();
TreeViewItem item6 = new TreeViewItem();
TreeViewItem item7 = new TreeViewItem();
TreeViewItem item8 = new TreeViewItem();

item1.Header = "親1";
item2.Header = "子1";
item3.Header = "孫1";
item4.Header = "孫2";

// 子1に孫1を追加
item2.Items.Add(item3);
// 子1に孫2を追加
item2.Items.Add(item4);
// 親1に子1を追加
item1.Items.Add(item2);

item5.Header = "子2";
item6.Header = "孫1";
item7.Header = "孫2";
item8.Header = "孫3";

// 子2に孫1を追加
item5.Items.Add(item6);
// 子2に孫2を追加
item5.Items.Add(item7);
// 子2に孫3を追加
item5.Items.Add(item8);
// 親1に子2を追加
item1.Items.Add(item5);
// ツリービューに親1を追加
treeView1.Items.Add(item1);
//=== 親1のツリーを作成 ここまで ===

//=== 親2のツリーを作成 ここから ===
TreeViewItem item9 = new TreeViewItem();
TreeViewItem item10 = new TreeViewItem();
TreeViewItem item11 = new TreeViewItem();

item9.Header = "親2";
item10.Header = "子1";
item11.Header = "子2";

// 親2に子1を追加
item9.Items.Add(item10);
// 親2に子2を追加
item9.Items.Add(item11);
// ツリービューに親2を追加
treeView1.Items.Add(item9);
//=== 親2のツリーを作成 ここまで ===
タイトルとURLをコピーしました