微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

Silverlight 4中拖拽效果实现-附源码下载

分类：Silverlight作者：编程之家AI导航网

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空间引用:

 
 
    

  1. xmlns:toolKit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"> 
    2.

B:拖入第一个ListBox.注意是包含在toolKit:ListBoxDragDropTarget控件中,并设置 AllowDrop="True" 

 
 
    

  1. <toolKit:ListBoxDragDropTarget AllowDrop="True">  
    2. 
  
  
  2. 
          <ListBox x:Name="customerListBoxMain" Height="200" Width="200"   

    3. 
  
  
  3. 
                      displayMemberPath="Name">  

    4. 
  
  
  4.               <ListBox.ItemsPanel>  
    5. 
  
  
  5.                   <ItemsPanelTemplate>  
    6. 
  
  
  6. 
                      <StackPanel Orientation="Vertical"/>  

    7. 
  
  
  7.                   </ItemsPanelTemplate>  
    8. 
  
  
  8.               </ListBox.ItemsPanel>  
    9. 
  
  
  9.           </ListBox>  
    10. 
  
  
  10. </toolKit:ListBoxDragDropTarget> 
    11.

其实在去年Silverlight 4.0还是Beta版本时. 这个AllowDrop并没有被直接作为ListBoxDragDropTarget属性来定义.silverlight 4.0 Beta版本实现AllowDrop是通过引用空间:

 
 
    

  1. xmlns:mswindows="clr-namespace:Microsoft.Windows;assembly=System.Windows.Controls.Toolkit" 
    2.

在定义toolKit:ListBoxDragDropTarget控件设置属性为mswindows下的DragDrop.AllowDrop="True".当然4.0正式版后不用这么做 则直接通过在每个UIElement中设置Bool类型AllowDrop属性,更加简便

 
 
    

  1. <toolkit:ListBoxDragDropTarget mswindows:DragDrop.AllowDrop="True"> <!--包含ListBox控件--> </toolkit:ListBoxDragDropTarget> 
    2.

C:拖入第二个接受ListBox基本可第一个雷同:

 
 
    

  1. <toolKit:ListBoxDragDropTarget AllowDrop="True">  
    2. 
  
  
  2. 
                 <ListBox x:Name="AcceptListBox" Height="200" Width="200" displayMemberPath="Name">  

    3. 
  
  
  3.                      <ListBox.ItemsPanel>  
    4. 
  
  
  4.                          <ItemsPanelTemplate>  
    5. 
  
  
  5. 
                             <StackPanel Orientation="Vertical"/>  

    6. 
  
  
  6.                          </ItemsPanelTemplate>  
    7. 
  
  
  7.                      </ListBox.ItemsPanel>  
    8. 
  
  
  8.                  </ListBox>  
    9. 
  
  
  9.   </toolKit:ListBoxDragDropTarget> 
    10.

 

D:绑定数据源.为了达到演示Drag效果的演示目的,定义一个Person类.类中只有一个属性Name.

 
 
    

  1. public class Person  
    2. 
  
  
  2.      {  
    3. 
  
  
  3. 
         public string Name { get; set; }  

    4. 
  
  
  4.      }  
    5.

通过在PersonDataProvider类中定义一个方法提供一个ObservableCollection<Person>集合数据.绑定到第一个[customerListBoxMain]ListBox中.

 
 
    

  1. public class PersonDataProvider  
    2. 
  
  
  2.      {  
    3. 
  
  
  3. 
         public static ObservableCollection<Person> GetData()  

    4. 
  
  
  4.          {  
    5. 
  
  
  5. 
             return new ObservableCollection<Person>  

    6. 
  
  
  6.                          {  
    7. 
  
  
  7. 
                             new Person { Name = "Akash Sharma" }, 

    8. 
  
  
  8. 
                             new Person { Name = "Vinay Sen" }, 

    9. 
  
  
  9. 
                             new Person { Name = "Lalit Narayan" }, 

    10. 
  
  
  10. 
                             new Person { Name = "Madhumita Chatterjee" }, 

    11. 
  
  
  11. 
                             new Person { Name = "Priyanka Patil" }, 

    12. 
  
  
  12. 
                             new Person { Name = "Kumar Sanu" }, 

    13. 
  
  
  13. 
                             new Person { Name = "Victor Kapoor" }, 

    14. 
  
  
  14. 
                             new Person { Name = "Shymal Sen" }, 

    15. 
  
  
  15. 
                             new Person { Name = "Alan D'Souza" }, 

    16. 
  
  
  16. 
                             new Person { Name = "Kamal Saha" }, 

    17. 
  
  
  17. 
                             new Person { Name = "Alex Chan" }, 

    18. 
  
  
  18. 
                             new Person { Name = "Rohit Sharma" }, 

    19. 
  
  
  19. 
                             new Person { Name = "Dipti Sen" }, 

    20. 
  
  
  20. 
                             new Person { Name = "Dinesh Sharma" }, 

    21. 
  
  
  21. 
                             new Person { Name = "Kamal Kapoor" }, 

    22. 
  
  
  22. 
                             new Person { Name = "Raj Kapoor" }, 

    23. 
  
  
  23. 
                             new Person { Name = "Deepa Karmakar" }, 

    24. 
  
  
  24. 
                             new Person { Name = "Sarmishtha Chakrobarty" }, 

    25. 
  
  
  25. 
                             new Person { Name = "Pranab Kumar Debnath" }, 

    26. 
  
  
  26. 
                             new Person { Name = "Hiral grover" }, 

    27. 
  
  
  27. 
                             new Person { Name = "Munmun Patel" }, 

    28. 
  
  
  28. 
                             new Person { Name = "Santosh Kumar Sen" }, 

    29. 
  
  
  29. 
                             new Person { Name = "Sandeep Debnath" }  

    30. 
  
  
  30.                          };  
    31. 
  
  
  31.          }  
    32. 
  
  
  32.      } 
    33.

MainPage后台中进行数据绑定:

 
 
    

  1. public MainPage()  
    2. 
  
  
  2.     {  
    3. 
  
  
  3.         InitializeComponent();  
    4. 
  
  
  4.         customerListBoxMain.ItemsSource = PersonDataProvider.GetData();  
    5. 
  
  
  5.     } 
    6.

绑定完成后.编译通过开始运行 先看看效果.

ok.silverlight 4.0中实现拖拽如此简单.当使用了ListBoxDragDropTarget控件后

A:两个listBox之间可以相互拖放ListBoxItem项 实现相互的拖拽效果

B:可以在一个ListBox中通过drag/drop行为对ListBox中的项目进行重新排列. [强悍吧]

注意:在操作B时.不过ListBoxDragDropTarget并不能作用于virtualized容器（ListBox的默认容器）,所以必须改变ListBox的ItemsPanelTemplate容器，比如说像这样加个StackPanel进去取代virtualized默认容器即可 .

当然更厉害的ListBoxDragDropTarget它支持任意的DataTemplate,拖拽效果仍然成立.[这里不再演示]!!!

当然你也许会问.我想实现Treeview中类似的拖拽效果是否能够实现？. 答案是肯定 因为除了ListBoxDragDropTarget控件还有如下控件也支持这种效果:

A: ListBoxDragDropTarget[已实现]

B: TreeViewDragDropTarget -[实现Treeview拖拽]

C: DataGridDragDropTarget-[DataGrid控件支持]

D: DataPointSeriesDragDropTarget-[尚未测试.]

至此Silverlight 4.0中实现拖拽效果实现如上. 如有疑问请在留言中回复, 转载请注明出去. 

Silverlight 4.0拖拽效果源码下载见附件。

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

c# – 如何在Silverlight 4中绑定ContextMenu的IsEnabled属性？
如何在Silverlight4(XAML)中绑定IsEnabled属性？我试过简单的IsEnabled=“{BindingABC}”,但这不起作用–MenuItem总是启用.提前感谢您的线索！干杯编辑：有趣的是,当设置Mode=TwoWay时,绑定似乎有效.但是,在菜单项上移动鼠标后,将更新上下文菜单的外观.这是异步工作吗？右键
c# – 使用Silverlight / windows手机式控件设置我的.Net桌面应用程序GUI
我正在编写我的第一个vb.net应用程序(但我也会在这里标记c#,因为我确信即使是一个c#人也可以使用类似的.net实现来回答这个问题).我申请的简短说明：我的桌面应用程序将仅在win平台上运行,使用vb.net,它是一个简单的网吧管理软件,在服务器上运行服务器gui,在工作站上运行客户端gui,
c# – Silverlight：将服务调用和文件处理移动到后台线程
ProcessFile()是在UIThread上运行还是在单独的线程上运行.如果它在UIThread上,如何将文件请求和ProcessFile()移动到单独的线程？varxClient=newServiceReference1.Service1SoapClient();xClient.Retrieve_File_Completed+=newEventHandler<ServiceReference1.Retrieve_Fi
c# – 如何从ASP.NET / Silverlight开发人员成为sharepoint开发人员？
我从同行那里听说,对sharepoint的了解对职业生涯有益.我们不在办公室使用sharepoint.所以不知道如何开始.这些是我的新手问题>学习共享点值得努力吗？>学习sharepoint的资源在哪里？>我是否应该考虑开发哪些参考项目？感谢您的意见.解决方法:SharePoint以如此积极的方式改变了我的职业
c# – Windows Phone 8 – 将列表保存到IsolatedStorage
我正在尝试保存一个类我的类对象的集合.我收到一个错误说明：Thecollectiondatacontracttype‘System.Collections.Generic.Listcannotbedeserializedbecauseitdoesnothaveapublicparameterlessconstructor.Addingapublicparameterlessconstructorwillf
c# – 在XAML中使用绑定设置样式
我需要根据Silverlight中的某些配置值设置给定控件的Style.我想有可能从两种可用的样式(静态资源)中选择一个控件样式.我试图做一些像：<TextBoxStyle="{BindingABC}"/>哪里publicstringABC{get{return"{StaticResourceMyStyle}";}}不幸的是,这不起作用.你有
Android设备上的Silverlight / Moonlight
我刚买了第一台Android设备,我喜欢它…我也很喜欢你可以创建自己的应用程序并随意分发它们.我已经阅读了一些关于Monodroid的内容,而且显然微软希望将Silverlight放在这些设备上,尽管没有太多关于它们的信息……但是Moonlight呢？如果Monodroid就像Mono……为什么我们需要它呢？相反
c# – 从silverlight应用程序访问SQL Server数据库
我们的ASP.NET网站允许用户执行各种查询,并根据从数据库查询的结果显示网络图(如UML图).目前,我们正在生成一个位图并显示它.但由于我们需要支持允许用户以交互方式显示/隐藏某些块的功能,因此我们计划使用Silverlight来渲染图形.我们还计划在未来添加更多互动.我有两个问题：>ASP
c# – 自定义Silverlight启动画面导致白屏死机
我正在开发一个Silverlight4应用程序,我已经创建了一个自定义的启动画面.乍一看,自定义启动画面运行良好–非常好.几天后,我开始注意到闪屏不再显示,屏幕仍然是空白.这似乎只发生在我打开多个指向同一个应用程序的IE选项卡/窗口时.前几个将加载正常,而以下选项卡/窗口将保持“白
c# – 使用带偏移的RotateTransform问题旋转图像
这是我的XAML：<ImageVerticalAlignment="Center"HorizontalAlignment="Center"Source="{BindingInput,Converter={StaticResourceByteArrayToBitmapConverter}}"><Image.Rend
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native