Silverlight的版本不断更新.当然有些很不错的功能和属性添加进来并进一步得到完善. 例如拖拽. 在Silverlight 3.0版本以前是不直接支持拖拽效果. 同样在Ria运用中我也对比一个Flex实现拖拽方式, 其实就是利用一个DragManager类,这是一个像StartDrag静态方法的类,你只需
Silverlight的版本不断更新.当然有些很不错的功能和属性添加进来并进一步得到完善. 例如拖拽. 在Silverlight 3.0版本以前是不直接支持拖拽效果. 同样在Ria运用中我也对比一个Flex实现拖拽方式, 其实就是利用一个DragManager类,这是一个像StartDrag静态方法的类,你只需要提供一个 UIComponent对象 ,DragManager就会创建一个微小的透明图像跟随鼠标,跟随鼠标的图像经过组件 上时会很形像的表明是否允许接受拖拽对象. 实现拖拽效果.
在Silverlight 3.0中做过拖拽效果应该知道, 当你分析了Drag拖拽效果步骤. 在silverlight 3.0以前中实现的 难点核心是如何保持生成的代理形象与鼠标进行同步. 而 在4.0中大大增强了控件之间的拖拽行为.现在在Silverlight 4中, 针对所有的UIElement对象,增加了一个AllowDrop属性 设置为True,我们甚至可以把实体档案拖曳到浏览器上正在执行的Silverlight应用程序中.相比3.0 足以激动人心. 转入正题Silverlight 4下拖拽效果实现.
实现效果: 从一个listbox某一个子项移动到另外一个listbox中.
A:在拖放控件之前添加一个Toolkit空间引用: B:拖入第一个ListBox.注意是包含在toolKit:ListBoxDragDropTarget控件中,并设置 AllowDrop="True" 1
2 Height="200" Width="200"
3 DisplayMemberPath="Name">
4
5
6
7
8
9
10
其实在去年Silverlight 4.0还是Beta版本时. 这个AllowDrop并没有被直接作为ListBoxDragDropTarget 属性来定义.silverlight 4.0 Beta版本实现AllowDrop是通过引用空间: 在定义toolKit:ListBoxDragDropTarget 控件设置属性为mswindows 下的DragDrop.AllowDrop="True".当然4.0正式版后不用这么做 则直接通过在每个UIElement中设置Bool类型AllowDrop属性,更加简便 C:拖入第二个接受ListBox基本可第一个雷同: 1
2 Height="200" Width="200" DisplayMemberPath="Name">
3
4
5
6
7
8
9
D:绑定数据源.为了达到演示Drag效果的演示目的,定义一个Person类.类中只有一个属性Name. 通过在PersonDataProvider类中定义一个方法提供一个ObservableCollection集合数据.绑定到第一个[customerListBoxMain ]ListBox中.
1 public class PersonDataProvider
2 {
3 public static ObservableCollection GetData()
4 {
5 return new ObservableCollection
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后台中进行数据绑定: 绑定完成后.编译通过开始运行 先看看效果.
ok.silverlight 4.0中实现拖拽如此简单.当使用了ListBoxDragDropTarget控件后
Silverlight的版本不断更新.当然有些很不错的功能和属性添加进来并进一步得到完善. 例如拖拽. 在Silverlight 3.0版本以前是不直接支持拖拽效果. 同样在Ria运用中我也对比一个Flex实现拖拽方式, 其实就是利用一个DragManager类,这是一个像StartDrag静态方法的类,你只需要提供一个 UIComponent对象 ,DragManager就会创建一个微小的透明图像跟随鼠标,跟随鼠标的图像经过组件 上时会很形像的表明是否允许接受拖拽对象. 实现拖拽效果.
在Silverlight 3.0中做过拖拽效果应该知道, 当你分析了Drag拖拽效果步骤. 在silverlight 3.0以前中实现的 难点核心是如何保持生成的代理形象与鼠标进行同步. 而 在4.0中大大增强了控件之间的拖拽行为.现在在Silverlight 4中, 针对所有的UIElement对象,增加了一个AllowDrop属性 设置为True,我们甚至可以把实体档案拖曳到浏览器上正在执行的Silverlight应用程序中.相比3.0 足以激动人心. 转入正题Silverlight 4下拖拽效果实现.
实现效果: 从一个listbox某一个子项移动到另外一个listbox中.
A:在拖放控件之前添加一个Toolkit空间引用: B:拖入第一个ListBox.注意是包含在toolKit:ListBoxDragDropTarget控件中,并设置 AllowDrop="True" 1
2 Height="200" Width="200"
3 DisplayMemberPath="Name">
4
5
6
7
8
9
10
其实在去年Silverlight 4.0还是Beta版本时. 这个AllowDrop并没有被直接作为ListBoxDragDropTarget 属性来定义.silverlight 4.0 Beta版本实现AllowDrop是通过引用空间: 在定义toolKit:ListBoxDragDropTarget 控件设置属性为mswindows 下的DragDrop.AllowDrop="True".当然4.0正式版后不用这么做 则直接通过在每个UIElement中设置Bool类型AllowDrop属性,更加简便 C:拖入第二个接受ListBox基本可第一个雷同: 1
2 Height="200" Width="200" DisplayMemberPath="Name">
3
4
5
6
7
8
9
D:绑定数据源.为了达到演示Drag效果的演示目的,定义一个Person类.类中只有一个属性Name. 通过在PersonDataProvider类中定义一个方法提供一个ObservableCollection集合数据.绑定到第一个[customerListBoxMain ]ListBox中.
1 public class PersonDataProvider
2 {
3 public static ObservableCollection GetData()
4 {
5 return new ObservableCollection
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后台中进行数据绑定: 绑定完成后.编译通过开始运行 先看看效果.
ok.silverlight 4.0中实现拖拽如此简单.当使用了ListBoxDragDropTarget控件后