Silverlight的版本不断更新.当然有些很不错的功能和属性添加进来并进一步得到完善. 例如拖拽. 在Silverlight 3.0版本以前是不直接支持拖拽效果. 同样在Ria运用中我也对比一个Flex实现拖拽方式,这是一个像StartDrag静态方法的类，你只需要提供一个 UIComponent对象 ，DragManager就会创建一个微小的透明图像跟随鼠标，跟随鼠标的图像经过组件 上时会很形像的表明是否允许接受拖拽对象. 实现拖拽效果.
在Silverlight 3.0中做过拖拽效果应该知道,当你分析了Drag拖拽效果步骤. 在silverlight 3.0以前中实现的 难点核心是如何保持生成的代理形象与鼠标进行同步. 而 在4.0中大大增强了控件之间的拖拽行为.现在在Silverlight 4中,针对所有的UIElement对象，增加了一个AllowDrop属性 设置为True,我们甚至可以把实体档案拖曳到浏览器上正在执行的Silverlight应用程序中.相比3.0 足以激动人心. 转入正题Silverlight 4下拖拽效果实现.
实现效果: 从一个listBox某一个子项移动到另外一个listBox中.
B:拖入第一个ListBox.注意是包含在toolKit:ListBoxDragDropTarget 控件 中,并设置 AllowDrop ="True"
2 < ListBox x:Name ="customerListBoxMain" Height ="200" Width ="200"
3 displayMemberPath ="Name" >
4 < ListBox.ItemsPanel >
5 < ItemsPanelTemplate >
6 < StackPanel Orientation ="Vertical" />
7 </ ItemsPanelTemplate >
8 </ ListBox.ItemsPanel >
9 </ ListBox >
10 </ toolKit:ListBoxDragDropTarget >
其实在去年Silverlight 4.0还是Beta版本时. 这个AllowDrop并没有被直接作为ListBoxDragDropTarget 属性来定义.silverlight 4.0 Beta版本实现AllowDrop是通过引用空间:
在定义toolKit:ListBoxDragDropTarget 控件设置属性为mswindows 下的DragDrop.AllowDrop ="True".当然4.0正式版后不用这么做 则直接通过在每个UIElement中设置Bool类型AllowDrop属性,更加简便
2 < ListBox x:Name ="AcceptListBox" Height ="200" Width ="200" displayMemberPath ="Name" >
3 < ListBox.ItemsPanel >
4 < ItemsPanelTemplate >
5 < StackPanel Orientation ="Vertical" />
6 </ ItemsPanelTemplate >
7 </ ListBox.ItemsPanel >
8 </ ListBox >
9 </ toolKit:ListBoxDragDropTarget >
D:绑定数据源.为了达到演示Drag效果的演示目的,定义一个Person类.类中只有一个属性Name.
2 {
3 public string Name { get ; set ; }
4 }
通过在PersonDataProvider类中定义一个方法提供一个ObservableCollection<Person>集合数据.绑定到第一个[customerListBoxMain ]ListBox中.
代码
2 {
3 public static ObservableCollection < Person > GetData()
4 {
5 return new ObservableCollection < Person >
6 {
7 new Person { Name = " Akash Sharma " },
8 new Person { Name = " Vinay Sen " },
9 new Person { Name = " Lalit Narayan " },
10 new Person { Name = " Madhumita Chatterjee " },
11 new Person { Name = " Priyanka Patil " },
12 new Person { Name = " Kumar Sanu " },
13 new Person { Name = " Victor Kapoor " },
14 new Person { Name = " Shymal Sen " },
15 new Person { Name = " Alan D'Souza " },
16 new Person { Name = " Kamal Saha " },
17 new Person { Name = " Alex Chan " },
18 new Person { Name = " Rohit Sharma " },
19 new Person { Name = " Dipti Sen " },
20 new Person { Name = " Dinesh Sharma " },
21 new Person { Name = " Kamal Kapoor " },
22 new Person { Name = " Raj Kapoor " },
23 new Person { Name = " Deepa Karmakar " },
24 new Person { Name = " Sarmishtha Chakrobarty " },
25 new Person { Name = " Pranab Kumar Debnath " },
26 new Person { Name = " Hiral grover " },
27 new Person { Name = " Munmun Patel " },
28 new Person { Name = " Santosh Kumar Sen " },
29 new Person { Name = " Sandeep Debnath " }
30 };
31 }
32 }
MainPage后台中进行数据绑定:
2 {
3 InitializeComponent();
4 customerListBoxMain.ItemsSource = PersonDataProvider.GetData();
6 }
绑定完成后.编译通过开始运行 先看看效果.
ok.silverlight 4.0中实现拖拽如此简单.当使用了ListBoxDragDropTarget控件后
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。