有关Silverlight TreeView组件的研究[1]――Silverlight学习笔记(6)

说明:通过学习Silverlight TreeView组件及其子组件TreeViewItem,您将了解到该组件能够以树状列表方式显示层次数据。在实际开发中,其常被用作导航栏、目录表等。

 

一、基本特性:
[TreeView]
组件所在命名空间:
System.Windows.Controls
组件常用属性:
SelectedItem:获取在 TreeView组件中被选中的项目。
SelectedValue:获取由 SelectedValuePath属性具体指定的SelectedItem的属性值。
SelectedValuePath:获取或设置在 TreeView组件中用于得到SelectedItem属性的属性值的路径。
组件常用事件:
SelectedItemChanged:当 SelectedItem的属性值发生改变时发生。
[TreeViewItem]
组件所在命名空间:
System.Windows.Controls
组件常用属性:
IsExpanded:获取或设置一个值来判断包含在 TreeViewItem中的项目是否展开或闭合。
IsSelected:获取或设置一个值来判断 TreeViewItem是否被选中。
IsSelectionActive:获取一个值来判断 TreeViewItem是否取得焦点。
组件常用事件:
Selected:当 TreeViewItem的IsSelected属性值由false转为true改变时发生。
Unselected:当 TreeViewItem的IsSelected属性值由true转为false改变时发生。
实例1——静态TreeView
效果图
 


说明:
需要掌握TreeViewItem的嵌套,以便构筑复杂的层次数据。

代码段
MainPage.xaml 代码
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" x:Class="SilverlightClient.MainPage"
Width="640" Height="480">
<Grid x:Name="LayoutRoot" Background="White" Width="640" Height="480">
<controls:TreeView x:Name="tvEmployee" HorizontalAlignment="Left" Margin="8,8,0,0" Width="184" Height="220" VerticalAlignment="Top" FontSize="14">
<controls:TreeViewItem Header="层次一 ">
<controls:TreeViewItem Header="1.1">
<controls:TreeViewItem Header="1.1.1" />
<controls:TreeViewItem Header="1.1.2" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="1.2" />
<controls:TreeViewItem Header="1.3" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="层次二 ">
<controls:TreeViewItem Header="2.1" />
<controls:TreeViewItem Header="2.2">
<controls:TreeViewItem Header="2.2.1">
<controls:TreeViewItem Header="2.2.1.1" />
<controls:TreeViewItem Header="2.2.1.2" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="2.2.2" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="2.3" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="层次三 ">
<controls:TreeViewItem Header="3.1" />
</controls:TreeViewItem>
</controls:TreeView>
</Grid>
</UserControl>
MainPage.xaml.cs 代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace SilverlightClient
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
}
}
实例2——动态TreeView
效果图
 


代码段
MainPage.xaml 代码
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" x:Class="SilverlightClient.MainPage"
Width="640" Height="480">
<Grid x:Name="LayoutRoot" Background="White" Width="640" Height="480">
<controls:TreeView x:Name="tvEmployee" HorizontalAlignment="Left" Margin="8,8,0,0" Width="184" Height="220" VerticalAlignment="Top" FontSize="14">
<controls:TreeViewItem Header="层 1"/>
<controls:TreeViewItem Header="层 2"/>
<controls:TreeViewItem Header="层 3"/>
</controls:TreeView>
<Button x:Name="btnCreateNode" HorizontalAlignment="Left" Margin="19,0,0,209" Width="159" Content="动态创建结点 " Height="29" VerticalAlignment="Bottom" FontSize="16"/>
</Grid>
</UserControl>
MainPage.xaml.cs 代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace SilverlightClient
{
public partial class MainPage : UserControl
{
int i = 1;
public MainPage()
{
InitializeComponent();
//注册事件触发处理
this.btnCreateNode.Click += new RoutedEventHandler(btnCreateNode_Click);
}
void btnCreateNode_Click(object sender, RoutedEventArgs e)
{
if (tvEmployee.SelectedItem != null)
{
TreeViewItem tvi = (TreeViewItem)tvEmployee.SelectedItem;//当前选中结点
TreeViewItem newNode = new TreeViewItem();//新结点
newNode.Header = "Test" + Convert.ToString(i);
tvi.Items.Add(newNode); //添加
i++;
}
}
}
}

 

http://www.cnblogs.com/Kinglee/archive/2009/08/10/1543110.html

你可能感兴趣的:(职场,休闲,有关Silverlight)