在上次项目中写过多篇关于拖拽的实现. 这些拖拽都是控件之间的效果. Silverlight 4 中我们甚至可以直接把文件系统中文件拖拽到Silverlight Application中承载. 这就是 silverlight 4中新特性Silverlight As Drop Target 支持这一点. 为了达到演示目的. 使用桌面图片拖拽到Silverlight Application中ScrollViewer动态显示. 先体验一下[你可以尝试从本地文件系统直接拖拽图片到这个Silverlight Application中看一下效果]:

实现步骤:

<1>: 页面布局

 
 

<StackPanel x:Name="LayoutRoot" Background="White">  
  
  

         <TextBlock Text="  "></TextBlock>  

  
  

         <TextBlock Text="Silverlight AS Drop target.-chenkai[10.6.28]" VerticalAlignment="Center" HorizontalAlignment="Left" FontSize="16" Foreground="Red"  FontFamily="Comic Sans MS" FontWeight="BOld" Height="25" Width="655" />  

  
  

         <ScrollViewer x:Name="ImagesTarget" Background="White"  Height="360" BorderBrush="Red" 

  
  

                       VerticalScrollBarVisibility="Hidden" HorizontalScrollBarVisibility="Auto" AllowDrop="True">  

  
  

                 <ItemsControl x:Name="ImageList" Height="353">  

  
  

                     <!--定义数据模板 支持格式是Image图片 很重要 不然会包invaid异常 数据模板确实很强大.-->  

  
  
                     <ItemsControl.ItemTemplate>  
  
  
                         <DataTemplate>  
  
  

                             <Image Source="{Binding}" Margin="5" Stretch="UniformToFill" Height="240" />  

  
  
                         </DataTemplate>  
  
  
                     </ItemsControl.ItemTemplate>  
  
  

                     <!--项排序模式Horizontal 居中-->  

  
  
                     <ItemsControl.ItemsPanel>  
  
  
                         <ItemsPanelTemplate>  
  
  

                             <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center"/>  

  
  
                         </ItemsPanelTemplate>  
  
  
                     </ItemsControl.ItemsPanel>  
  
  
                 </ItemsControl>  
  
  
             </ScrollViewer>  
  
  
     </StackPanel> 
 
 

<2>:后台实现代码

 
 

//定义存储Image集合.  
  
  
         ObservableCollection<BitmapImage> _images = new ObservableCollection<BitmapImage>();  
  
  
   
  
  

         public MainPage()  

  
  
         {  
  
  
             InitializeComponent();  
  
  
             this.Loaded += new RoutedEventHandler(MainPage_Loaded);  
  
  
         }  
  
  
   
  
  
         void MainPage_Loaded(object sender, RoutedEventArgs e)  
  
  
         {  
  
  
             //如果Image数据则直接加载进来.  
  
  
             ImageList.ItemsSource = _images;  
  
  

             ImagesTarget.Drop += new DragEventHandler(ImagesTarget_Drop);  

  
  
         }  
  
  
         void ImagesTarget_Drop(object sender, DragEventArgs e)  
  
  
         {  
  
  
             //判断拖拽数据是否存在  
  
  

             if (e.Data == null)  

  
  
             {  
  
  

                 return;  

  
  
             }  
  
  

             else 

  
  
             {  
  
  
                 //利用Fileinfo 来初始化关于文件系统日常操作io对象 Fileinfo 【】数组 意味支持多张Image同时拖拽Silverlight Application  
  
  

                 IDataObject dataObject = e.Data as IDataObject;  

  
  

                 FileInfo[] files =dataObject.GetData(DataFormats.FileDrop) as FileInfo[];  

  
  
   
  
  

                 foreach (FileInfo file in files)  

  
  
                 {  
  
  
                     try  
  
  
                     {  
  
  
                         using (var stream = file.OpenRead())  
  
  
                         {  
  
  
                             //读取拖拽中图片源.  
  
  
                             var imageSource = new BitmapImage();  
  
  
                             imageSource.SetSource(stream);  
  
  
                             //添加到集合中.  
  
  

                             _images.Add(imageSource);  

  
  
                         }  
  
  
                     }  
  
  
                     catch (Exception)  
  
  
                     {  
  
  

                         MessageBox.Show("Not a suppoted image.");  

  
  
                     }  
  
  
                 }  
  
  
             }  
  
  
         }  
 
 

因为前台ScrollView中DataTemplate中定义格式是Image绑定. 后台数据源用到ObservableCollection<BitmapImage>来封装从拖拽中得到图片数据. 另外一个就是FileInfo,提供创建、复制、删除、移动和打开文件的实例方法，并且帮助创建 FileStream 对象,既然通过Fileinfo得到FileStream对象 其他操作就是平常IO操作. 而Fileinfo[]数组则是用来支持同时拖拽多个对象.关于Fileinfo 更多详细资料请参见MSDN.

        Silverlight 5 beta版本总算于昨日放出，怀着激动的心情今天将开发环境更新为Silverlight 5 beta版本，并且接触Silverlight 5 beta的第一个新特性：OOB模式下的多窗口的弹出显示。

        现在我们开始Silverlight 5 Beta版本的安装，首先需要为VS2010打一个VS2010 SP1补丁，然后我们再下载Silverlight 5 Beta Tools for Visual Studio SP1，一步一步安装完毕，最后我们下载Silverlight 5 Features Document 新特性的文档。至此我们即可踏上Silverlight 5开发的征程。

        对于Silverlight 5 beta版本下面的新窗口的支持是基于OOB模式下的，所以我们首先新建一个Silverlight 5的应用程序，然后右键项目属性-->"允许浏览器外运行应用程序"勾中-->点击"浏览器外设置"-->"在浏览器外运行时需要提升 的信任"勾上。如下图所示：

        然后我们在后台代码中键入以下代码即可弹出一个窗口，点击窗口中的按钮我们可以继续弹出窗口，实现了无限制的弹出窗口。当然所有弹出的子窗口都是依赖于父 窗口而存在的。(Tip:在Silverlight 4.0中的Window类修改的大小都是自身窗口的大小，并不能弹出窗口)

  
  

public partial class MainPage : UserControl 
   
   
  { 
   
   
      public MainPage() 
   
   
      { 
   
   
          InitializeComponent(); 
   
   
          PopWindow(400.0, 20.0, "第"+Flag+"个实例窗口"); 
   
   
      } 
   
   
      public static int Flag = 0; 
   
   
      private void PopWindow(double left,double top,string title ) 
   
   
      { 
   
   
          //设置Window的通用属性 
   
   
          Window testwindow = new Window(); 
   
   
          testwindow.Height = 400; 
   
   
          testwindow.Width = 500; 
   
   
          testwindow.Top = top; 
   
   
          testwindow.Left = left; 
   
   
          testwindow.Title = title; 
   
   
          testwindow.Visibility = Visibility.Visible; 
   
   
 
   
   
          //添加一个内部有按钮的Canvas，设置Canvas的背景色为白色 
   
   
          Button btn=new Button(); 
   
   
          btn.Width=80.0; 
   
   
          btn.Height=30.0; 
   
   
          btn.Content="点  击"; 
   
   
          btn.Margin = new Thickness(5, top + Flag * 10, 0, 0); 
   
   
          btn.Click += new RoutedEventHandler(btn_Click); 
   
   
          Canvas canvas = new Canvas(); 
   
   
          canvas.Children.Add(btn); 
   
   
          canvas.Background = new SolidColorBrush(Colors.White); 
   
   
          testwindow.Content = canvas; 
   
   
 
   
   
          //窗口默认值是WindowState.normal正常情况 
   
   
          testwindow.WindowState = WindowState.normal; 
   
   
              //WindowState.Maximized; 窗口最大化 
   
   
              //WindowState.Minimized; 窗口最小化 
   
   
              //WindowState.normal;    普通窗口 
   
   
 
   
   
      void btn_Click(object sender, RoutedEventArgs e) 
   
   
      { 
   
   
          PopWindow(400.0, "第"+Flag+"个实例窗口"); 
   
   
      } 
   
   
  } 
  
  

        本实例采用VS2010 +Silverlight 5 beta制作，如需源码请点击 SL5First.zip 下载。