文档章节

ActiveReports 9实战教程(3): 图文并茂的报表形式

葡萄城技术团队
 葡萄城技术团队
发布于 2014/12/08 13:45
字数 1830
阅读 472
收藏 22

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

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

image

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

image

1、可选的标尺单位


          ActiveReports提供了Inches(英寸)和Centimeters(厘米)两种标尺单位,我们可以根据自己的需要来选择适合于自己的标尺单位,从而省去了繁琐的长度换算工作。(备注:默认单位是英寸)

 

2、可选的对齐方式


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

3、可选的网格间距


     当选择Show Grid(显示网格)时,在报表的设计视图中会显示网格,而且网格数量是可以调整的。选择合适的标尺单位和网格数量能为我们判断空间的位置带来便利,比如:标尺单位选择Centimeters(厘米),网格数量设置为10*10,此时相邻网格之间的距离恰好是1mm。

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

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

image

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

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

image

Step 2: 新建数据源

image

Step 3:设计PageHeader(报表头)

image

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

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

image  image

Step 4 设计Detail(报表数据区域)

image    
     

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

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

Step 5 设计PageFooter区域

image

image    

至此,我们通过上面的实战步骤,完成了客户清单报表。

小技巧:通过报表设计器下面的设计器、脚本、预览可方便的实现报表设计、预览效果,效率非常高。

image

快速验证一下效果吧:

image

怎么和官网的不一样呢?

呵呵,请在脚本中添加如下脚本,用于修改行变色:

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

 

 

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

image

本实例中,通过用报表控件Chart展示图表数据,更直观。

Step 1:新建rptSalesByRegion.rdlx报表

image

Step 2:新建数据源

image

Step 3:添加Chart报表控件

image

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

image

Step 4: 填充Chart数据

image

还可以通过选择Chart后,单击图表数据进行修改:序列(系列)、类别分组、序列分组数据填充操作。

image

在这个例子中,我们分别按照如下数据进行操作:

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

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

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

 

Step 5: 预览运行效果

image

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

image

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

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

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

 

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

image

Step 2:设计报表的背景图

添加一个嵌入式的图像

image

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

image

Step 3:添加条形码

上面添加了Image控件后,我们来添加条形码控件。

image

 

配置条形码属性

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:添加数据区域

image

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

有时候设计报表,在多个层之间控制非常不方便,明明选中了,但是报表就是无法编辑数据。

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

image

然后激活图层管理---层列表 V9:

image

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

image

 

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

image

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

 

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

ActiveReports 9实战教程目录:

 

© 著作权归作者所有

葡萄城技术团队

葡萄城技术团队

粉丝 402
博文 570
码字总数 878823
作品 20
西安
高级程序员
私信 提问
ActiveReports 9实战教程(1): 手把手搭建环境Visual Studio 2013

ActiveReports 9刚刚发布3天,微软就发布了 Visual Studio Community 2013 开发环境。 Visual Studio Community 2013 提供完整功能的 IDE ,可开发 Windows、Android 和 iOS 应用。支持:C++...

葡萄城控件技术团队
2014/11/18
942
1
ActiveReports 9实战教程(2): 准备数据源(设计时、运行时)

在上讲中《ActiveReports 9实战教程(1): 手把手搭建环境Visual Studio 2013 社区版》,我们已经结合Visual Studio 2013搭建好了ActiveReports 9的开发环境,并完成了一个Hello World的RDL...

葡萄城控件技术团队
2014/11/21
631
1
【葡萄城公开课】ActiveReports V13报表工具全新体验

葡萄城公开课 - 本期公开课介绍 ActiveReports 13 正式发布了,本次更新将为 ActiveReports 增加多项超强报表功能! - 在线报表设计器:满足您在Web应用程序中为最终用户提供临时报表设计的强...

葡萄城技术团队
01/16
52
0
activereports报表控件7.0免费下载使用教程功能介绍大全

ActiveReports For .NET 6.0是一款强大的.NET报表控件,可以同时用于Windows Forms 和Web Forms平台下,具有自定义、高性能、高质量、多语言支持功能,可以进行报表设计,打印,浏览,转换,...

kongjianxuanxing
2014/04/28
258
0
绿色报表设计器 - ActiveReports

ActiveReports 是绿色报表设计器,可方便设计ActiveReports的页面报表、区域报表,同时提供打印、预览功能。 依赖.NET Framework 4.5环境,直接解压使用。 无论您研发的是桌面应用系统,Web...

葡萄城控件技术团队
2014/08/19
21.9K
10

没有更多内容

加载失败,请刷新页面

加载更多

mac下redis安装、设置、启动停止

常用命令说明 redis服务器:redis-server redis客户端:redis-cli redis性能测试工具:redis-benchmark AOF文件修复工具:redis-check-aof RDB文件修复工具:redis-check-rd redis设置临时密...

botkenni
14分钟前
3
0
好程序员web前端分享HTML5常见面试题集锦四

好程序员web前端分享HTML5常见面试题集锦四 1、为什么要初始化CSS样式? 答案:因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面...

好程序员官方
15分钟前
2
0
CDN的网络架构是什么?

CDN网络架构主要由两大部分,分为中心和边缘两部分,中心指CDN网管中心和DNS重定向解析中心,负责全局负载均衡,设备系统安装在管理中心机房,边缘主要指异地节点,CDN分发的载体,主要由Cac...

云漫网络Ruan
15分钟前
2
0
pandas入门07---可视化

01 入门 制作提供信息的可视化是数据分析的重要任务之一。首先介绍一下matplotlib库。 import matplotlib.pyplot as pltimport numpy as npdata = np.arange(10)print(data)plt.plot(da...

筠初
16分钟前
2
0
201_PyTorch中文教程:Torch与Numpy互操作

201_PyTorch中文教程:Torch与Numpy互操作 Numpy是经典的数学计算库,Torch中的Tensor可以与之互相转换,从而可以充分利用二者的计算函数和模型,以及使用其它支持Numpy的软件库和工具。但需...

openthings
16分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部