Sliverlight4学习--拖放外部文件到程序中、鼠标滚动、打印功能

1.拖放外部文件到应用程序

 拖放操作的 Demo - Silverlight 4.0 支持拖动外部文件到 Silverlight 程序中（支持多文件拖放，但是不支持文件夹拖放）
 
 UIElement.AllowDrop - 指定 UIElement 是否可以用作于 DropTarget（拖放操作的放目标）。默认值为 false
 UIElement.DragEnter - 拖动外部文件进入到 UIElement 时所触发的事件（事件参数类型为：DragEventArgs）
 UIElement.DragLeave - 拖动外部文件离开 UIElement 时所触发的事件（事件参数类型为：DragEventArgs）
 UIElement.DragOver - 拖动外部文件在 UIElement 中移动时所触发的事件（事件参数类型为：DragEventArgs）
 UIElement.Drop - 拖动外部文件在 UIElement 中放开时所触发的事件（事件参数类型为：DragEventArgs）
 DragEventArgs - 拖放操作所触发的拖放事件的事件参数
 DragEventArgs.Data - 获取与拖放事件相关联的数据（IDataObject 类型）
 IDataObject.GetData(DataFormats.FileDrop) - 返回被拖放的外部文件的 FileInfo 数组
 （1）前台界面

   前台界面放Canvas，TextBlock，WrapPanel，其中Canvas是拖放区域，WrapPanel为图片显示区，Canvas的AllowDrop要设置为True，并且给Canvas添加事件----Drop ，DragLeave ，DragLeave 。具体代码如下

  <Grid x:Name="LayoutRoot" Background="White"> <Grid.RowDefinitions > <RowDefinition Height="110"/> <RowDefinition Height="30"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Border Grid.Row="0" BorderThickness="3" BorderBrush="DarkBlue"> <Canvas x:Name="DropZoneCanvas" Background="Cyan" Height="104" AllowDrop="True" Drop="DropZoneCanvas_Drop" DragOver="DropZoneCanvas_DragOver" DragLeave="DropZoneCanvas_DragLeave"> <TextBlock HorizontalAlignment="Center" FontWeight="Bold" FontSize="14" Canvas.Top="40" Canvas.Left="30">|Drop Image here|</TextBlock> </Canvas> </Border> <TextBlock Grid.Row="1" FontSize="12" Height="26" Margin="8">Click on thumbnails on large size</TextBlock> <ScrollViewer Grid.Row="2" Height="450"> <toolkit:WrapPanel x:Name="ImageBox" Orientation="Horizontal" ScrollViewer.HorizontalScrollBarVisibility="Auto" ></toolkit:WrapPanel> </ScrollViewer> </Grid>

(2)后台代码

public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); } //添加提示 private Popup tipPopup = null; private void DropZoneCanvas_Drop(object sender, DragEventArgs e) { //拖放的数据都存在e.Data中 if(e.Data==null) { return; } IDataObject data = e.Data; //IDataObject.GetData(DataFormats.FileDrop) - 返回被拖放的外部文件的 FileInfo 数组 FileInfo[] files = (FileInfo[]) data.GetData(DataFormats.FileDrop); foreach (FileInfo fileInfo in files) { if (fileInfo.Extension==".png"||fileInfo.Extension==".jpg") { //创建一个只读的文件流 FileStream fs = fileInfo.OpenRead(); //创建BitmapImage作为Image对象的源 BitmapImage bitmap=new BitmapImage(); bitmap.SetSource(fs); Image image=new Image(); image.Source = bitmap; image.Height = 120; image.Width = 120; image.Margin=new Thickness(5); image.Stretch = Stretch.Uniform; //添加鼠标左击事件 image.MouseLeftButtonDown += new MouseButtonEventHandler(img_MouseLeftButtonDown); ImageBox.Children.Add(image); } else { MessageBox.Show(fileInfo.Name + " is not supported image file!"); } } } private void DropZoneCanvas_DragOver(object sender, DragEventArgs e) { //if tipPopup not create if(tipPopup==null) { tipPopup=new Popup(); string message = "Drop and drag PNG or JPG image"; Border border=new Border(); border.BorderBrush = new SolidColorBrush(Colors.Green); border.BorderThickness=new Thickness(2.0); border.Background = new SolidColorBrush(Colors.White); TextBlock textBlock=new TextBlock(); textBlock.Text = message; textBlock.Margin =new Thickness(2); border.Child = textBlock; tipPopup.Child = border; } // if tippopup already create,just change the position tipPopup.VerticalOffset = e.GetPosition(null).Y; tipPopup.HorizontalOffset = e.GetPosition(null).X; tipPopup.IsOpen = true; } private void DropZoneCanvas_DragLeave(object sender, DragEventArgs e) { if(tipPopup.IsOpen==true) { tipPopup.IsOpen = false; } } void img_MouseLeftButtonDown(object sender,MouseButtonEventArgs e) { //创建子窗口 ImageViewer imageViewer=new ImageViewer(((Image)sender).Source); imageViewer.Show(); } }

(3)显示效果

2.鼠标滚动放大缩小图片

(1)创建一个子窗体，用于单击缩率图展示大图片。单击事件在1中有说明。

 在构造函数中，设置委托用于设置图片源

//添加委托 this.Loaded += new RoutedEventHandler(ImageViewer_Loaded);  

其中ImageView_Loaded事件如下：

void ImageViewer_Loaded(object sender, RoutedEventArgs e) { //设置图片源 ImageState.Source = imgSourse; }

在构造函数中添加鼠标滚动事件：

this.MouseWheel += new MouseWheelEventHandler(ImageViewer_MouseWheel);

ImageViewer_MouseWheel事件为：

void ImageViewer_MouseWheel(object sender, MouseWheelEventArgs e) { zoomTransform.CenterX = e.GetPosition(null).X; zoomTransform.CenterY = e.GetPosition(null).Y; if (e.Delta > 0) { zoomTransform.ScaleX += 0.05; zoomTransform.ScaleY += 0.05; } else { zoomTransform.ScaleX -= 0.05; zoomTransform.ScaleY -= 0.05; } }

(2)显示效果

 

 3.右击弹出打印按钮

(1)添加右击选项

    一般在Silverlight应用程序右击总是出现Sliverlight(s)一个单选项,我们先要删除该选项，然后再添加打印的按钮。

   在前台Grid中添加三个鼠标单击事件，如下：

MouseRightButtonDown="LayoutRoot_MouseRightButtonDown" MouseRightButtonUp="LayoutRoot_MouseRightButtonUp" MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown"

 在后台代码中MouseRightButtonDown代码如下：

private void LayoutRoot_MouseRightButtonDown(object sender, MouseButtonEventArgs e) { e.Handled = true; }

MouseRightButtonUp代码如下：

private void LayoutRoot_MouseRightButtonUp(object sender, MouseButtonEventArgs e) { Border border = new Border(); border.BorderBrush = new SolidColorBrush(Colors.Green); border.BorderThickness = new Thickness(3); border.Background = new SolidColorBrush(Colors.White); StackPanel stackPanel = new StackPanel(); stackPanel.Background = new SolidColorBrush(Colors.LightGray); //添加Button Button printScreenButton = new Button(); printScreenButton.Content = "Print Screen"; printScreenButton.Width = 100; printScreenButton.Margin = new Thickness(3); printScreenButton.Click += new RoutedEventHandler(printScreenButton_Click); //添加Button Button printImageButton = new Button(); printImageButton.Content = "Print Image"; printImageButton.Width = 100; printImageButton.Margin = new Thickness(3); printImageButton.Click += new RoutedEventHandler(printImageButton_Click); //添加Button Button printCustomButton = new Button(); printCustomButton.Content = "Print Custom"; printCustomButton.Width = 100; printCustomButton.Margin = new Thickness(3); printCustomButton.Click += new RoutedEventHandler(printCustomButton_Click); stackPanel.Children.Add(printScreenButton); stackPanel.Children.Add(printImageButton); stackPanel.Children.Add(printCustomButton); border.Child = stackPanel; contextMenu.Child = border; //设置显示位置 contextMenu.VerticalOffset = e.GetPosition(null).Y; contextMenu.HorizontalOffset = e.GetPosition(null).X; //显示菜单 contextMenu.IsOpen = true; }

 最后当鼠标左击时，右击出现的菜单消失：

  private void LayoutRoot_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { contextMenu.IsOpen = false; }

(2)显示效果：

 (3)打印

演示 Silverlight 4.0 中新增的对打印的支持 
 * PrintDocument - 用于提供打印功能的类
 *     PrintDocument.PrintedPageCount - 已经被打印的页数
 *     PrintDocument.Print(string documentName) - 弹出打印对话框。需要指定的参数为“在打印队列中需要显示的文档名称”
 *     PrintDocument.BeginPrint - 调用 Print() 方法并且按了打印对话框中的打印按钮之后所触发的事件，在 PrintPage 事件之前发生
 *     PrintDocument.EndPrint - 打印结束（包括打印被取消）后所触发的事件
 *     PrintDocument.PrintPage - 每打印一页之前所触发的事件
 * PrintPageEventArgs - PrintPage 事件的事件参数
 *     PrintPageEventArgs.PageVisual - 需要被打印的 UIElement
 *     PrintPageEventArgs.PrintableArea - 可打印的区域大小（Size 类型，其包括 Width 属性和 Height 属性和 IsEmpty 属性）
 *     PrintPageEventArgs.PageMargins - 获取当前打印页的页边距（Thickness 类型，其包括 Left 属性和 Top 属性和 Right 属性和 Bottom 属性）
 *     PrintPageEventArgs.HasMorePages - 设置是否还有更多页需要打印（如果设置为 true，则会继续出触发 PrintPage 事件）
 */

private void printScreenButton_Click(object sender, RoutedEventArgs e) { //弹出菜单消失 contextMenu.IsOpen = false; //打印类 PrintDocument pdoc=new PrintDocument(); pdoc.PrintPage += (s, args) => { //设置打印的内容 args.PageVisual = LayoutRoot; }; //打印文件的明年名称 pdoc.Print("Print Application Screen"); }