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）： 報表打印和報表導出