Silverlight 工具箱添加超炫的拖拽控件-技术开发专区

Silverlight 工具箱添加超炫的拖拽控件

作者：IT168技术频道整理编辑：胡铭娅 2009-10-23 11:20 来源：IT168�

　　【IT168 技术】Silverlight工具箱发布了。其中有一项超酷的更新，就是对核心控件的拖拽功能。也许你会认为又一个没有多大实际价值的功能诞生了，那你就错了。这是一项使工作变的轻松简单的工具，可以不需要编写任何代码，把项目从一个列表移动到另一个。

　　下面用Expression Blend简单演示一下。创建XAML代码如下：

　　在后台创建一个简单的类。这个类方法被用来返回ObservableCollection，并将结果与FromBox绑定。

　　代码如下：

using System.Collections.ObjectModel;

    namespace SilverlightApplication105
    {
        public class People
        {
           public static ObservableCollection<Person> GetListOfPeople()
            {
                ObservableCollection<Person> ppl = new ObservableCollection<Person>();
               for (int i = 0; i < 15; i++)
               {
                   Person p = new Person() { Firstname = "First " + i.ToString(), Lastname = "Last " + i.ToString() };
                   ppl.Add(p);
               }
               return ppl;
           }
       }

       public class Person
       {
           public string Firstname { get; set; }
           public string Lastname { get; set; }
           public string FullName
           {
               get
               {
                   return string.Concat(Firstname, " ", Lastname);
               }
           }
       }
   }

MainPage.xaml.cs代码：

using System.Windows;
    using System.Windows.Controls;

    namespace SilverlightApplication105
    {
        public partial class MainPage : UserControl
        {
           public MainPage()
            {
               InitializeComponent();
               Loaded += new RoutedEventHandler(MainPage_Loaded);
           }

           void MainPage_Loaded(object sender, RoutedEventArgs e)
           {
               FromBox.ItemsSource = People.GetListOfPeople();
           }
       }
   }

现在想要把一个项目从FromBox拖拽到ToBox。可以像往常一样，在代码中对围绕着索引和移动规则等进行调整。但现在我们可以应用工具箱中的新功能，添加System.Windows.Controls.Toolkit应用调用MainPage.xaml中的复合命名即可。代码如下：

　　注意一下声明的xmlns:toolkit和xmlns:mswindows。现在可以简单的将ListBox控件用ListBoxDropTarget控件包裹起来。代码如下：

　　之后，当运行这个应用的时候，就可以将菜单中的项目拖来拖去了。在拖动过程中，项目呈现半透明状。

　　图1 演示效果

　　不仅如此，还可以对列表项的顺序进行重排，也就是说一个ListBox同时可以是拖动的起点和终点。不过，ListBoxDragDropTarget并不能作用于virtualized容器(ListBox默认容器)。所以必须改变ListBox的ItemsPanelTemplate，比如说像这样加个StackPanel进去：

<toolkit:ListBoxDragDropTarget mswindows:DragDrop.AllowDrop="True">
        <ListBox Width="200" Height="500" x:Name="FromBox" DisplayMemberPath="FullName">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
        </ListBox>
    </toolkit:ListBoxDragDropTarget>

　　现在就可以通过drag/drop行为对ListBox中的项目进行重新排列了。

　　图2 通过鼠标重新排列

　　非常棒的是!它支持任意的DataTemplate。比如在Person类中增加一个Image属性，并将其作用于控件的template，仍然可以进行拖拽操作。

　　图3 支持任意的DataTemplate

　　除了ListBoxDragDropTarget外，还有以下控件：

　　ListBoxDragDropTarget

　　TreeViewDragDropTarget

　　DataGridDragDropTarget

　　DataPointSeriesDragDropTarget

关注我们