分类导航

silverlight 发布时间：2022-05-03 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了稳扎稳打Silverlight(36) - 3.0控件之TreeView, ListBox增强, DataGrid增强, MediaElement增强，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

概述

[索引页] [源码下载] 稳扎稳打Silverlight(36) - 3.0控件之TreeView, ListBox增强, DataGrid增强, MediaElement增强作者： webabcd 介绍 Silverlight 3.0 控件一览： TreeView - 树控件 ListBox - 改进：支持多选 DataGrid - 改进：结合 PagedCollectionView 实现数据

[索引页]
[源码下载]

稳扎稳打Silverlight(36) - 3.0控件之TreeView,ListBox增强,DataGrid增强,MediaElement增强

作者： webabcd

介绍
Silverlight 3.0 控件一览：

TreeView - 树控件
ListBox - 改进：支持多选
DataGrid - 改进：结合 PagedCollectionView 实现数据分组,增加了一些编辑数据的相关事件,结合 DataAnnotations 实现数据验证,等。。。

增加

支持

在线DEMO
http://www.cnblogs.com/webabcd/archive/2009/08/04/1538238.html

示例
1、演示 TreeView 的使用
TreeView.xml（数据源）

<? xml version="1.0" encoding="utf-8" ?>

< @H_618_77@root >

< @H_618_77@node name ="a level 1" >

< @H_618_77@node name ="a level 2" >

< @H_618_77@node name ="a level 3" >

< @H_618_77@node name ="a level 4" />

</ @H_618_77@node >

< @H_618_77@node name ="b level 1" >

< @H_618_77@node name ="b level 2" >

< @H_618_77@node name ="b level 3" >

< @H_618_77@node name ="b level 4" >

< @H_618_77@node name ="b level 5" />

</ @H_618_77@node >

< @H_618_77@node name ="c level 1" >

< @H_618_77@node name ="c level 2" >

< @H_618_77@node name ="c level 3" >

< @H_618_77@node name ="c level 4" />

</ @H_618_77@node >

< @H_618_77@node name ="d level 1" >

< @H_618_77@node name ="d level 2" >

< @H_618_77@node name ="d level 3" />

</ @H_618_77@node >

</ @H_618_77@root >

TreeView.xaml

< @H_618_77@navigation:Page x:Class ="Silverlight30.Control.TreeView"

xmlns:controls ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"

xmlns:common ="clr-namespace:System.Windows;assembly=System.Windows.Controls"

xmlns ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml"

xmlns:d ="http://scheR_121_11845@as.microsoft.com/expression/blend/2008"

xmlns:mc ="http://scheR_121_11845@as.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable ="d"

xmlns:navigation ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

d:DesignWidth ="640" d:DesignHeight ="480"

title ="TreeView Page" >

< @H_618_77@Grid x:Name ="LayoutRoot" >

< @H_618_77@StackPanel >

< @H_618_77@StackPanel.resources >

<!--

HierarchicalDataTemplate - 呈现层级数据的数据模板

Itemssource - 指定下一级数据的数据源

ItemTemplate - 指定下一级数据的数据模板

-->

< @H_618_77@common:HierarchicalDataTemplate x:Key ="childTemplate"

Itemssource =" {Binding Path=Children} " >

< @H_618_77@StackPanel Orientation ="Horizontal" >

< @H_618_77@checkBox />

< @H_618_77@TextBlock Text =" {Binding Path=titl E} " FontStyle ="Italic" />

</ @H_618_77@StackPanel >

</ @H_618_77@common:HierarchicalDataTemplate >

< @H_618_77@common:HierarchicalDataTemplate x:Key ="treeTemplate"

Itemssource =" {Binding Path=Children} "

ItemTemplate =" {Staticresource childTemplatE} " >

< @H_618_77@TextBlock Text =" {Binding Path=titl E} " FontWeight ="Bold" />

</ @H_618_77@common:HierarchicalDataTemplate >

</ @H_618_77@StackPanel.resources >

<!--

Itemssource - 数据源

ItemTemplate - 指定层级显示数据的模板

-->

< @H_618_77@controls:TreeView x:Name ="treeView" Margin ="5"

Itemssource =" {Binding} "

ItemTemplate =" {Staticresource treeTemplatE} "

SELEctedItemChanged ="treeView_SELEctedItemChanged" >

</ @H_618_77@controls:TreeView >

<!--

TreeViewItem - TreeView 的项

Header - 项的标题

HeaderTemplate - 项的标题模板

-->

< @H_618_77@controls:TreeView x:Name ="treeView2" Margin ="5" >

< @H_618_77@controls:TreeViewItem Header ="level 1" >

< @H_618_77@controls:TreeViewItem Header ="level 2" >

< @H_618_77@controls:TreeViewItem >

< @H_618_77@controls:TreeViewItem.HeaderTemplate >

< @H_618_77@DataTemplate >

< @H_618_77@TextBlock Text ="level 3" FontWeight ="Bold" />

</ @H_618_77@DataTemplate >

</ @H_618_77@controls:TreeViewItem.HeaderTemplate >

</ @H_618_77@controls:TreeViewItem >

</ @H_618_77@controls:TreeView >

</ @H_618_77@StackPanel >

</ @H_618_77@Grid >

</ @H_618_77@navigation:Page >

TreeView.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;

using System.Windows.Navigation;

using System.Xml.Linq;

using Silverlight30.Model;

namespace Silverlight30.Control

{

public partial class TreeView : Page

@H_859_1404@

@H_684_1675@{

public TreeView()

{

initializeComponent();

this.Loaded += new routedEventHandler(TreeView_Loaded);

}

void TreeView_Loaded(object sender, routedEventArgs E)

{

XElement root = XElement.Load(@H_618_77@"@H_618_77@Control/TreeView.xml@H_618_77@");

// 构造带层级关系的数据源（递归方式）

var result = LoadData(root);

treeView.DataContext = result;

}

private List<Treeviewmodel> LoadData(XElement root)

@H_801_1904@{

if (root == null)

return null;

var items = from n in root.Elements(@H_618_77@"@H_618_77@node@H_618_77@")

SELEct new Treeviewmodel

@H_639_1979@

{

title = (String)n.Attribute(@H_618_77@"@H_618_77@name@H_618_77@"),

Children = LoadData(n)

};

return items.ToList();

}

private void treeView_SELEctedItemChanged(object sender, routedPropertyChangedEventArgs<object> E)

{

messageBox.Show(((Treeviewmodel)e.Newvalue).titl E);

}

2、演示 ListBox 增加的一个@L_696_48@：多选
ListBox.xaml

< @H_618_77@navigation:Page x:Class ="Silverlight30.Control.ListBox"

xmlns ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml"

xmlns:d ="http://scheR_121_11845@as.microsoft.com/expression/blend/2008"

xmlns:mc ="http://scheR_121_11845@as.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable ="d"

xmlns:navigation ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

d:DesignWidth ="640" d:DesignHeight ="480"

title ="ListBox Page" >

< @H_618_77@Grid x:Name ="LayoutRoot" >

< @H_618_77@StackPanel >

<!--

ListBox - 新增特性：可以多选

SELEctionMode - 选择模式 [System.Windows.Controls.SELEctionMode 枚举]

Single - 只允许单选

Multiple - 可以多选（不需要任何辅助键）

Extended - 可以多选（需要 Ctrl 或 Shift 的配合）

-->

< @H_618_77@ListBox x:Name ="listBox" Margin ="5" Width ="200" Height ="100" SELEctionMode ="Extended" >

< @H_618_77@ListBox.ItemTemplate >

< @H_618_77@DataTemplate >

< @H_618_77@StackPanel Orientation ="Horizontal" >

< @H_618_77@TextBlock Text =" {Binding} " Margin ="5" />

</ @H_618_77@StackPanel >

</ @H_618_77@DataTemplate >

</ @H_618_77@ListBox.ItemTemplate >

</ @H_618_77@ListBox >

< @H_618_77@Button Content ="获取选中项" Click ="Button_Click" />

< @H_618_77@TextBlock x:Name ="lblResult" />

</ @H_618_77@StackPanel >

</ @H_618_77@Grid >

</ @H_618_77@navigation:Page >

ListBox.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;

using System.Windows.Navigation;

namespace Silverlight30.Control

{

public partial class ListBox : Page

{

public ListBox()

{

initializeComponent();

this.Loaded += new routedEventHandler(ListBox_Loaded);

}

void ListBox_Loaded(object sender, routedEventArgs E)

{

List<String> items = new List<String>();

for (int i = 0; i < 30; i++)

@H_390_2502@

{

items.Add(i.ToString().PadLeft(10, @H_618_77@'@H_618_77@0@H_618_77@'));

}

listBox.Itemssource = items;

}

private void Button_Click(object sender, routedEventArgs E)

{

lblResult.Text = @H_618_77@"";

// ListBox.SELEctedItems - 选中的对象集合

foreach (String s in listBox.SELEctedItems)

{

lblResult.Text += s + @H_618_77@"@H_618_77@/r/n@H_618_77@";

}

3、演示 DataGrid 的几个新增的@L_696_48@
DataGrid.xaml

< @H_618_77@navigation:Page xmlns:data ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class ="Silverlight30.Control.DataGrid"

xmlns ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml"

xmlns:d ="http://scheR_121_11845@as.microsoft.com/expression/blend/2008"

xmlns:mc ="http://scheR_121_11845@as.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable ="d"

xmlns:navigation ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

d:DesignWidth ="640" d:DesignHeight ="480"

title ="DataGrid Page" >

< @H_618_77@Grid x:Name ="LayoutRoot" >

<!--

新增@L_696_48@：结合 PagedCollectionView 实现数据分组；增加了一些编辑数据的相关事件；结合 DataAnnotations 实现数据验证

-->

< @H_618_77@data:DataGrid x:Name ="dataGrid" AutoGeneratecolumns ="false" >

< @H_618_77@data:DataGrid.columns >

< @H_618_77@data:DataGridTextcolumn Binding =" {Binding NAME} " Header ="名字" />

< @H_618_77@data:DataGridTextcolumn Binding =" {Binding DateOfBirth} " Header ="生日" />

</ @H_618_77@data:DataGrid.columns >

</ @H_618_77@data:DataGrid >

</ @H_618_77@Grid >

</ @H_618_77@navigation:Page >

DataGrid.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;

using System.Windows.Navigation;

using System.Xml.Linq;

using Silverlight30.Model;

using System.Windows.Data;

namespace Silverlight30.Control

{

public partial class DataGrid : Page

@H_811_3801@

{

public DataGrid()

{

initializeComponent();

this.Loaded += new routedEventHandler(DataGrid_Loaded);

}

void DataGrid_Loaded(object sender, routedEventArgs E)

{

List<employeeModel> employees = new List<employeeModel>();

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@aabb@H_618_77@", DateOfBirth = datetiR_121_11845@e.Now, Salary = 1111 });

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@aabc@H_618_77@", Salary = 1111 });

@H_774_4058@

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@abcc@H_618_77@", Salary = 1122 });

employees.Add(new employeeModel @H_5_3419@

@H_607_1635@

{ NAME = @H_618_77@"@H_618_77@abbc@H_618_77@", Salary = 1122 });

employees.Add(new employeeModel @H_262_4166@

@H_607_1635@

{ NAME = @H_618_77@"@H_618_77@aaab@H_618_77@", Salary = 1122 });

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@bcca@H_618_77@", Salary = 1122 });

employees.Add(new employeeModel @H_934_4262@

@H_607_1635@

{ NAME = @H_618_77@"@H_618_77@bBAC@H_618_77@", Salary = 1133 });

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@cbaa@H_618_77@", Salary = 1133 });

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@ccaa@H_618_77@", Salary = 1133 });

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@cccb@H_618_77@", Salary = 1144 });

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@cccc@H_618_77@", Salary = 1155 });

@H_723_4489@

employees.Add(new employeeModel @H_204_4502@

@H_607_1635@

@H_419_3760@{ NAME = @H_618_77@"@H_618_77@cabc@H_618_77@", Salary = 1155 });

employees.Add(new employeeModel { NAME = @H_618_77@"@H_618_77@cabb@H_618_77@", Salary = 1166 });

// 通过 PagedCollectionView 的 GroupDescriptions 设置需要分组的字段，绑定到 DataGrid 后，DataGrid会自动对数据做分组显示

PagedCollectionView view = new PagedCollectionView(employees);

view.GroupDescriptions.Add(new PropertyGroupDescription(@H_618_77@"@H_618_77@Salary@H_618_77@"));

dataGrid.Itemssource = view;

}

4、演示 MediaElement 的增强点：以 H.264 编码，MP4为容器做演示
MediaElement.xaml

< @H_618_77@navigation:Page x:Class ="Silverlight30.Control.MediaElement"

xmlns ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x ="http://scheR_121_11845@as.microsoft.com/winfx/2006/xaml"

xmlns:d ="http://scheR_121_11845@as.microsoft.com/expression/blend/2008"

xmlns:mc ="http://scheR_121_11845@as.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable ="d"

xmlns:navigation ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

d:DesignWidth ="640" d:DesignHeight ="480"

title ="MediaElement Page" >

< @H_618_77@Grid x:Name ="LayoutRoot" >

<!--

增加了对视频 H.264 编码格式的支持，和对音频 AAC 编码格式的支持

本例以 H.264 编码，MP4为容器做演示

-->

< @H_618_77@mediaElement x:Name ="mediaElement" source ="/resource/Demo.mp4" Width ="320" Height ="240"

AutoPlay ="True" MediaEnded ="mediaElement_MediaEnded" />

</ @H_618_77@Grid >

</ @H_618_77@navigation:Page >

MediaElement.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;

using System.Windows.Navigation;

namespace Silverlight30.Control

{

public partial class MediaElement : Page

{

public MediaElement()

{

initializeComponent();

}

private void mediaElement_MediaEnded(object sender, routedEventArgs E)

{

// 重播

mediaElement.Stop();

mediaElement.Play();

}

OK
[源码下载]

大佬总结

以上是大佬教程为你收集整理的稳扎稳打Silverlight(36) - 3.0控件之TreeView, ListBox增强, DataGrid增强, MediaElement增强全部内容，希望文章能够帮你解决稳扎稳打Silverlight(36) - 3.0控件之TreeView, ListBox增强, DataGrid增强, MediaElement增强所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：3 3.0 36 datagrid listbox mediaelement silverlight treeview 增强控件稳扎稳打

上一篇: 哥写的不是代码，是寂寞下一篇:Silverlight结合Web Service进行...

猜你在找的silverlight相关文章

silverlight – 如何在Windows Phone 7中创建连续动画？ 2022-05-04
wpf – 嵌入图像在UserControl中不显示 2022-05-03
WPF的Deepzoom 2022-05-03
silverlight – 设置ComboBoxItem的文本和值 2022-05-03
wpf – 寻找股票图表组件 2022-05-03
如何在Silverlight中以编程方式转到特定的URL？ 2022-05-03
Silverlight Webservice“远程服务器返回错误：NotFound” 2022-05-03
osx – 无法输入Silverlight 5输入字段(Chrome)MacOS 2022-05-03
客户端WCF DataContract具有来自服务的空/空值 2022-05-03
使用MVVM Light Messenger与Silverlight 4 ChildWindow对话框类 2022-05-03