ActiveReports 9实战教程（3）： 图文并茂的报表形式

基于上面2节内容，咱们搭建了AR9的开发环境，配置好了数据源。在本节，咱们以官方提供的3个中文图文并茂的报表来展现AR9的功能，并经过实战的方式一一分享。

以往作报表相关的工做时，最惧怕的是报表的UI设计工做，当遇到一个布局很是复杂的报表，每每会花上两、三时间才能完成报表的UI设计工做。形成这一问题的缘由除了报表自己比较复杂以外，其中一个主要缘由就是报表设计器没有提供足够多的功能来辅助报表的UI设计工做。
      ActiveReports 是一个很是容易使用控件，可有一些功能却常常被遗忘---例如AR报表的配置菜单。

当咱们打开ActiveReports报表设计画面时(如双击*.rdl、*.rpx、*.rdlx)，咱们最关心的多是工具箱和属性窗口，而没有注意到VS菜单栏上面的 报表菜单选项，报表菜单总共有6个菜单项，保存报表、报表报表到服务器、加载报表、从服务器加载报表、数据源、设置等。接下来就主要谈一谈设置菜单项。

一、可选的标尺单位

          ActiveReports提供了Inches(英寸)和Centimeters(厘米)两种标尺单位，咱们能够根据本身的须要来选择适合于本身的标尺单位，从而省去了繁琐的长度换算工做。（备注：默认单位是英寸）

 

二、可选的对齐方式

          ActiveReports 提供了SnapLines(按边线对齐)和Snap to Grid(按表格对齐)两种对齐方式。当选择SnapLines时，能够根据对齐辅助线来判断控件之间的相对位置关系；当选择Snap to Grid时，经过鼠标移动控件的最小单位是一个单元格的距离，并且能够根据单元格的数量来判断控件的正确位置。

三、可选的网格间距

     当选择Show Grid（显示网格）时，在报表的设计视图中会显示网格，并且网格数量是能够调整的。选择合适的标尺单位和网格数量能为咱们判断空间的位置带来便利，好比：标尺单位选择Centimeters(厘米)，网格数量设置为10*10，此时相邻网格之间的距离刚好是1mm。

了解报表布局后，下面咱们经过3个官方提供的demo进行实战操练。

报表实战1：常规报表--数据清单--客户清单

本实例，经过组合使用AR报表的Lable、TextBox控件，来实现表格展示客户数据。

Step 1： 新建一个 rptCustomerList.rpx 报表文件

Step 2： 新建数据源

Step 3：设计PageHeader（报表头）

依次拖入AR9的Label控件，修改显示的文字、并调整背景色。

在Pageheader左上角，添加TextBox，按照下面截图修改汇总算法--可实现对当前页面用户信息进行汇总。

 

Step 4 设计Detail（报表数据区域）

   
     

设计Detail区域，可经过Step 3的办法，从AR9工具箱拖入TextBox控件，修改DataField字段内容。

这里咱们使用一个AR报表设计的小技巧：直接从报表资源管理器中选择字段拖入Detail区域。

Step 5 设计PageFooter区域

   

至此，咱们经过上面的实战步骤，完成了客户清单报表。

小技巧：经过报表设计器下面的设计器、脚本、预览可方便的实现报表设计、预览效果，效率很是高。

快速验证一下效果吧：

怎么和官网的不同呢？

呵呵，请在脚本中添加以下脚本，用于修改行变色：

 RowNo =   ((RowNo % ) == .detail.BackColor =.detail.BackColor =++ =

 

 

报表实战2：常规报表--图表报表--常规图表

本实例中，经过用报表控件Chart展现图表数据，更直观。

Step 1：新建rptSalesByRegion.rdlx报表

Step 2：新建数据源

Step 3：添加Chart报表控件

选择显示为柱形图--堆积图，经过选中Chart后再单击属性对话框。

Step 4： 填充Chart数据

还能够经过选择Chart后，单击图表数据进行修改：序列（系列）、类别分组、序列分组数据填充操做。

在这个例子中，咱们分别按照以下数据进行操做：

• 拖动“销售量”到序列数据区域

• 拖动“类别名称”到X轴数据区域

• 拖动“货主地区”到序列分组区域

 

Step 5： 预览运行效果

报表实战3：常规报表--条形码--国航机票

在这个实例中，咱们经过条形码和AR9新出的圆角设计进行一个相似国航机票的报表实战。

Step 1：新建 rptFlightBarcode.rdlx 报表和数据源

添加报表、数据源，请参加本文的第1个例子，用到的数据源SQL：

 

select 航班信息.* from 航班信息 order by ID;

Step 2：设计报表的背景图

添加一个嵌入式的图像

添加Image报表控件，并设置国航机票的背景图片。

Step 3：添加条形码

上面添加了Image控件后，咱们来添加条形码控件。

 

配置条形码属性

 

• LayerName：设置为Layer1。咱们为了方便管理，数据控件统一放在Layer1层。

• Symbology：设置为Ansi39类型条形码。

• Value：         设置条形码数据，可指定当前机票的ID号。

 

备注： ActiveReports 提供的Barcode控件支持37种条码格式，其中包括：Code39码、Code25码、ITF25码、Matrix25码、UPC-A码、UPC-E码、EAN-13码、EAN-8码等一维条码和PDF417等二维条码。

Step 4：添加数据区域

添加完背景图片、条形码后，开始拖动数据字段填充乘客、出发点等数据信息。

有时候设计报表，在多个层之间控制很是不方便，明明选中了，可是报表就是没法编辑数据。

这里给你们分享一个AR9新增的小技巧：在AR报表中，多个图层直接切换可见性、是否选中，请经过在VS工具栏空白处单击右键，选择ActiveReports 9：

而后激活图层管理---层列表 V9：

Step 5: 运行完整的demo效果：

 

官方提供的完整demo和中文数据库文件下载地址：

为了方便共享和交流，还可经过Git@OSC进行Watch。

 

----------------------------------------------------------------------------------------------------------

ActiveReports 9实战教程目录：

• ActiveReports 9实战教程（1）： 手把手搭建环境Visual Studio 2013 社区版

• ActiveReports 9实战教程（2）： 准备数据源（设计时、运行时）

• ActiveReports 9实战教程（3）： 图文并茂的报表形式

• ActiveReports 9实战教程（4）： 交叉汇总与数据处理

• ActiveReports 9实战教程（5）： 漂亮的报表

• ActiveReports 9实战教程（6）： 让报表动起来

• ActiveReports 9实战教程（7）： 报表打印和报表导出