WPF使用XAML实现报表的一种思路(支持外部加载)

news/2024/9/21 12:31:10

在WPF里做报告这一块以前用过多种实现方式,有用过RDLC、XPS等,看过一些开源的报表控件,跟RDLC的原理都差不多。

最近刚好又要实现报表的功能,就想直接使用XAML实现,直接将界面呈现的内容打印出来。

 

打印WPF元素

在我前面的文章中,介绍过如何使用PrintDialog打印WPF元素,

https://www.cnblogs.com/zhaotianff/p/7340554.html

借助这种方法,我们可以直接打印整个WPF界面呈现的内容。

 

简易的报告模板

WPF提供了XamlReader/XamlWriter类来操作Xaml,可以实现加载和保存。

动态加载的Xaml也是支持绑定的,我们可以借助这种模式来实现简易的报告模板功能。

 

首先我们创建一个报表内容,如下所示

1  <Grid x:Name="grid1">
2      <Image Source="{Binding Image}" Stretch="Uniform" Margin="0,0,0,20"></Image>
3      <Label Content="{Binding Text}" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontFamily="Arial"></Label>
4  </Grid>

 

然后我们使用XamlWriter类,将Xaml保存出来

1  var xaml = XamlWriter.Save(this.grid1);
2  System.IO.File.WriteAllText("Template.xaml", xaml);

 

保存出来的内容如下

 

可以看到内容这里都是为null,我们可以改成绑定,如下所示:

1 <Grid Name="grid1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
2     <Image Source="{Binding Image}" Stretch="Uniform" Margin="0,0,0,20" />
3     <Label Content="{Binding Text}" FontFamily="Arial" HorizontalAlignment="Center" VerticalAlignment="Bottom" />
4 </Grid>

 

定义一个ViewModel用于绑定

这里创建了几个简单的属性用于界面显示

 1 public class ReportViewModel : INotifyPropertyChanged
 2 {
 3     private string image;
 4 
 5     public string Image
 6     {
 7         get => this.image;
 8         set
 9         {
10             this.image = value;
11             RaiseChanged("Image");
12         }
13     }
14 
15     private string text;
16     public string Text
17     {
18         get => this.text;
19         set
20         {
21             this.text = value;
22             RaiseChanged("Text");
23         }
24     }
25 
26     private int width;
27     public int Width
28     {
29         get => this.width;
30         set
31         {
32             this.width = value;
33             RaiseChanged("Width");
34         }
35     }
36 
37     private int height;
38     public int Height
39     {
40         get => this.height;
41         set
42         {
43             this.height = value;
44             RaiseChanged("Height");
45         }
46     }
47 
48     public event PropertyChangedEventHandler? PropertyChanged;
49 
50     private void RaiseChanged(string propertyName)
51     {
52         PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
53     }
54 }

 

新建一个界面,用于加载这个报告模板显示

 1  <Grid Name="grid">
 2      <Grid.RowDefinitions>
 3          <RowDefinition/>
 4          <RowDefinition Height="30"/>
 5      </Grid.RowDefinitions>
 6 
 7      <Button Content="加载报告内容" HorizontalAlignment="Center" Grid.Row="1" VerticalAlignment="Center" Margin="-120,0,0,0" Width="88" Height="28" Click="Button_Click"></Button>
 8      <Button Content="打印" HorizontalAlignment="Center" Grid.Row="1" VerticalAlignment="Center" Margin="120,0,0,0" Width="88" Height="28" Click="Button_Click_1"></Button>
 9 
10  </Grid>

 

加载报告内容按钮事件

 1  private void Button_Click(object sender, RoutedEventArgs e)
 2  {
 3      var xaml = File.ReadAllText(Environment.CurrentDirectory + "\\Template.xaml");
 4      using (StringReader stringReader = new StringReader(xaml))
 5      {
 6          XmlReader xmlReader = XmlReader.Create(stringReader);
 7          dynamicGrid = (Grid)XamlReader.Load(xmlReader); //dynamicGrid为全局Grid变量
 8          this.grid.Children.Add(dynamicGrid);
 9          ReportViewModel reportModel = new ReportViewModel();
10          reportModel.Image = "https://myfreetime.cn/usr/uploads/2024/4/%E6%B8%85%E5%B9%B3%E8%B0%83%C2%B7%E5%90%8D%E8%8A%B1%E5%80%BE%E5%9B%BD%E4%B8%A4%E7%9B%B8%E6%AC%A2/jk.jpg";
11          reportModel.Text = "HelloWorld";
12          reportModel.Width = 300;
13          reportModel.Height = 600;
14          dynamicGrid.DataContext = reportModel;
15      }           
16  }

 

 

在界面点击加载后,可以看到内容被显示出来了

 

打印按钮事件

 1 private void Button_Click_1(object sender, RoutedEventArgs e)
 2 {
 3     PrintDialog pd = new PrintDialog();
 4     Window window = Window.GetWindow(dynamicGrid);
 5     Point point = dynamicGrid.TransformToAncestor(window).Transform(new Point(0, 0));//获取当前控件 的坐标
 6     dynamicGrid.Measure(new Size(dynamicGrid.ActualWidth, dynamicGrid.ActualHeight));
 7     dynamicGrid.Arrange(new Rect(new Size(dynamicGrid.ActualWidth, dynamicGrid.ActualHeight)));
 8     pd.PrintVisual(dynamicGrid, "");
 9     dynamicGrid.Arrange(new Rect(point.X, point.Y, dynamicGrid.ActualWidth, dynamicGrid.ActualHeight));//设置为原来的位置
10 }

 

修改本地的XAML模板文件,就可以实现动态变更模板,例如,我增加Width和Height字段显示

 

 

到这一步,我们就实现了一个简易的报告模板功能,一些小型的报表需求应该还是能满足的。最重要的是可以直接使用XAML,开发起来比较方便。

 

 

多页报告

多页报告时主要用到FixedDocument对象,首先我们创建一个FixedDocument对象,并设置参数

1  FixedDocument document = new FixedDocument();
2  //设置纸张大小
3  document.DocumentPaginator.PageSize = new Size(600, 800);

 

为FixedDocument增加一页

1   //增加一页
2   FixedPage page1 = new FixedPage();
3   page1.Width = document.DocumentPaginator.PageSize.Width;
4   page1.Height = document.DocumentPaginator.PageSize.Height;

 

我们这里增加一个Image控件放到第一页

1 //增加一个图像显示到第一页
2 Image image = new Image();
3 image.Width = document.DocumentPaginator.PageSize.Width;
4 image.Height = document.DocumentPaginator.PageSize.Height;
5 image.Stretch = Stretch.Uniform;
6 image.Source = new BitmapImage(new Uri("https://myfreetime.cn/usr/uploads/2024/4/%E6%B8%85%E5%B9%B3%E8%B0%83%C2%B7%E5%90%8D%E8%8A%B1%E5%80%BE%E5%9B%BD%E4%B8%A4%E7%9B%B8%E6%AC%A2/jk.jpg"));
7 page1.Children.Add(image);

 

然后将页添加到FixedDocument中

1  //添加页到Document中
2  PageContent page1Content = new PageContent();
3  ((IAddChild)page1Content).AddChild(page1);
4  document.Pages.Add(page1Content);

 

用上面一样的方法添加第二页内容

 1  FixedPage page2 = new FixedPage();
 2  page2.Width = document.DocumentPaginator.PageSize.Width;
 3  page2.Height = document.DocumentPaginator.PageSize.Height;
 4  TextBlock page2Text = new TextBlock();
 5  page2Text.Text = "HelloWorld";
 6  page2Text.Width = document.DocumentPaginator.PageSize.Width;
 7  page2Text.Height = document.DocumentPaginator.PageSize.Height;
 8  page2Text.FontSize = 40;
 9  page2Text.HorizontalAlignment = HorizontalAlignment.Center;
10  page2Text.VerticalAlignment = VerticalAlignment.Center;
11  page2.Children.Add(page2Text);
12  PageContent page2Content = new PageContent();
13  ((IAddChild)page2Content).AddChild(page2);
14  document.Pages.Add(page2Content);

 

此时我们已经拥有一个多页的文档了,借用PrintDialog的PrintDocument功能,就可以打印多页文档。

1 PrintDialog printDialog = new PrintDialog();
2 printDialog.PrintDocument(document.DocumentPaginator, "");

 

打印输出效果如下:

 

实时预览多页报告

使用DocumentViewer控件,就可以预览FixedDocument内容。

XAML

1   <DocumentViewer x:Name="viewer"></DocumentViewer>

C#

1  this.viewer.Document = document;

 

显示效果

 

从模板加载多页报告

我们将前面的模板XAML文件进行升级,使其具备多页的功能,如下:

 1 <Pages>
 2     <FixedPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 3       <Grid >
 4         <Image Source="{Binding Image}" Stretch="Uniform" Margin="0,0,0,20" />
 5         <Label Content="{Binding Text}" FontFamily="Arial" HorizontalAlignment="Center" VerticalAlignment="Bottom" />
 6         <Label Content="{Binding Width}" FontFamily="Arial" HorizontalAlignment="Left" VerticalAlignment="Bottom" />
 7         <Label Content="{Binding Height}" FontFamily="Arial" HorizontalAlignment="Left" Margin="60,0,0,0" VerticalAlignment="Bottom" />
 8     </Grid>
 9     </FixedPage>
10     <FixedPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
11         <Grid >
12         <Border CornerRadius="10">
13             <Image Source="{Binding Image}" Stretch="Uniform" Margin="0,0,0,20" />
14         </Border>
15     </Grid>
16     </FixedPage>
17 </Pages>

 

因为XamlReader是不能识别Pages标签的,所以我们需要进行简单的处理

1 //加载XAML
2 var xaml = System.IO.File.ReadAllText(Environment.CurrentDirectory + "\\Template.xaml");
3 StringReader sr = new StringReader(xaml);
4 XDocument doc = XDocument.Load(sr);
5 var pages = doc.Root.Elements();

 

pages就是FixedPage的集合,此时我们再用XamlReader进行读取就可以识别了。

 

完整的动态读取代码如下:

 1 //加载XAML
 2 var xaml = System.IO.File.ReadAllText(Environment.CurrentDirectory + "\\Template.xaml");
 3 StringReader sr = new StringReader(xaml);
 4 XDocument doc = XDocument.Load(sr);
 5 var pages = doc.Root.Elements();
 6 
 7 FixedDocument document = new FixedDocument();
 8 //设置纸张大小
 9 document.DocumentPaginator.PageSize = new Size(600, 800);
10 
11 //动态读取第一页
12 StringReader xamlReader = new StringReader(pages.ElementAt(0).ToString());
13 XmlReader xmlReader = XmlReader.Create(xamlReader);
14 FixedPage page1 = (FixedPage)XamlReader.Load(xmlReader);
15 var page1Container = page1.Children[0] as Grid;
16 page1Container.Width = document.DocumentPaginator.PageSize.Width;
17 page1Container.Height = document.DocumentPaginator.PageSize.Height;
18 ReportViewModel reportModel = new ReportViewModel();
19 reportModel.Image = "https://myfreetime.cn/usr/uploads/2024/4/%E6%B8%85%E5%B9%B3%E8%B0%83%C2%B7%E5%90%8D%E8%8A%B1%E5%80%BE%E5%9B%BD%E4%B8%A4%E7%9B%B8%E6%AC%A2/jk.jpg";
20 reportModel.Text = "HelloWorld";
21 reportModel.Width = 300;
22 reportModel.Height = 600;
23 //设置ViewModel
24 page1.DataContext = reportModel;
25 
26 //添加页到Document中
27 PageContent page1Content = new PageContent();
28 ((IAddChild)page1Content).AddChild(page1);
29 document.Pages.Add(page1Content);
30 
31 //动态读取第二页
32 StringReader xamlReader2 = new StringReader(pages.ElementAt(1).ToString());
33 XmlReader xmlReader2 = XmlReader.Create(xamlReader2);
34 FixedPage page2 = (FixedPage)XamlReader.Load(xmlReader2);
35 var page2Container = page2.Children[0] as Grid;
36 page2Container.Width = document.DocumentPaginator.PageSize.Width;
37 page2Container.Height = document.DocumentPaginator.PageSize.Height;
38 ReportViewModel reportModel2 = new ReportViewModel();
39 reportModel2.Image = "https://myfreetime.cn/usr/uploads/2024/4/%E6%B8%85%E5%B9%B3%E8%B0%83%C2%B7%E5%90%8D%E8%8A%B1%E5%80%BE%E5%9B%BD%E4%B8%A4%E7%9B%B8%E6%AC%A2/jk2.jpg";
40 reportModel2.Text = "HelloWorld";
41 //设置ViewModel
42 page2.DataContext = reportModel2;
43 
44 //添加页到Document中
45 PageContent page2Content = new PageContent();
46 ((IAddChild)page2Content).AddChild(page2);
47 document.Pages.Add(page2Content);
48 
49 viewer.Document = document;
50 sr.Dispose();
51 xamlReader.Dispose();
52 xamlReader2.Dispose();

 

读取完成后,显示在DocumentViewer控件中,效果如下:

 

到这里基础的打印功能应该都是可以实现了,在给客户使用时,可以通过XAML设计新的报告模板进行分发。

 

参考链接:

https://www.nbdtech.com/Blog/archive/2009/03/19/wpf-printing-part-1-printing-visuals.aspx

https://www.nbdtech.com/Blog/archive/2009/04/20/wpf-printing-part-2-the-fixed-document.aspx

https://www.nbdtech.com/Blog/archive/2009/05/19/wpf-printing-part-3-ndash-sizes.aspx

https://www.nbdtech.com/Blog/archive/2009/07/09/wpf-printing-part-4-ndash-print-preview.aspx

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hjln.cn/news/46928.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

Hadoop习题汇总(更新中)

目录选择单选多选判断填空简答 选择 单选 查看HDFS系统版本的Shell命令,以下正确的是()。 hdfs -ver hdfs version (答案) dfsadmin version hadoop -ver 数据存储单位从小到大排列顺序是() TB、PB、EB、ZB、YB (答案) TB、YB、ZB、PB、EB TB、PB、EB、YB、ZB TB、EB、…

如何提取PDF文件的其中几页?

如何提取pdf中的页面?在使用PDF文件时,如果我们只想要PDF中的几页,保存整个PDF是完全没有必要的,那么应该怎么做呢?其实只要提取PDF页面就可以了,那么提取操作具体应该怎么做呢?下面这篇文章肯定可以帮你解决疑惑! 第一个方法在线拆分,不需要下载安装超方便。 smallpd…

S7指令中的PUT/GET或者BSEND/BRCV的选择

1. 背景最近用一个300PLC和1200PLC做S7通信的时候,因为交互的数据量有1024个bytes.这才意识到put get在数据量上的限制。以及大数据传输用到的BSEND/BRCV。2. S7支持的指令在PLC里,能基于S7协议用于数据交换的指令如下(S7 300/400下描述):其中值得注意的有几点:put/get无…

Character Animator 2024 mac/win版:赋予角色生命,动画更传神

Character Animator 2024是一款强大的角色动画制作软件,以其创新的功能和卓越的性能,为动画师、游戏开发者以及设计师们带来了全新的创作体验。 Character Animator 2024 mac/win版获取 这款软件采用了先进的骨骼绑定技术,使得角色动画的制作变得更为轻松和精准。用户可以轻…

新兴互联网银行搭档Apache SeaTunnel构建数据流通管道!

当新兴互联网银行乘着数字化改革的风潮搭档数据集成平台Apache SeaTunnel,成千万上亿的数据就有了快速流通的管道。6月26日14:00,Apache SeaTunnel社区将带上企业最佳实践与观众见面,与大家面对面交流最新的企业实践部署经验。锁定SeaTunnel视频号,马上预约直播! 活动议程…

【ACM独立出版/Fellow大咖云集】 第三届机器人、人工智能与信息工程国际学术会议(RAIIE 2024)

2024年第二届机器人、人工智能与信息工程国际学术会议(RAIIE 2024)将于2024年7月5-7日在新加坡举行。2024年第二届机器人、人工智能与信息工程国际学术会议(RAIIE 2024)将于2024年7月5-7日在新加坡举行。本次会议主要围绕“机器人”、“智能仿生”和“信息科学”的最新研究…

查看mongo的bson数据文件

转载请注明出处:BSON(Binary Serialized Document Format)是MongoDB中用于存储和传输数据的一种二进制形式的存储格式,它基于JSON格式,但比JSON更松散,支持更多的数据类型。MongoDB使用BSON作为其文档的存储格式,这意味着当驱动程序使用文档进行插入、查询或其他操作时,…