基于上面2節(jié)內(nèi)容，我們搭建了AR9的開發(fā)環(huán)境，配置好了數(shù)據(jù)源。在本節(jié)，我們以官方提供的3個中文圖文并茂的報表來展示AR9的功能，并通過實戰(zhàn)的方式一一分享。
以往做報表相關(guān)的工作時，最害怕的是報表的UI設(shè)計工作，當(dāng)遇到一個布局非常復(fù)雜的報表，往往會花上兩、三時間才能完成報表的UI設(shè)計工作。造成這一問題的原因除了報表本身比較復(fù)雜之外，其中一個主要原因就是報表設(shè)計器沒有提供足夠多的功能來輔助報表的UI設(shè)計工作。
????? ActiveReports 是一個非常容易使用控件，可有一些功能卻經(jīng)常被遺忘---例如AR報表的配置菜單。
當(dāng)我們打開ActiveReports報表設(shè)計畫面時(如雙擊*.rdl、*.rpx、*.rdlx)，我們最關(guān)心的可能是工具箱和屬性窗口，而沒有注意到VS菜單欄上面的 報表 菜單選項， 報表 菜單總共有6個菜單項， 保存報表 、 報表報表到服務(wù)器 、 加載報表 、 從服務(wù)器加載報表 、 數(shù)據(jù)源 、 設(shè)置 等。接下來就主要談一談 設(shè)置 菜單項。
1、可選的標(biāo)尺單位
????????? ActiveReports提供了Inches(英寸)和Centimeters(厘米)兩種標(biāo)尺單位，我們可以根據(jù)自己的需要來選擇適合于自己的標(biāo)尺單位，從而省去了繁瑣的長度換算工作。（備注：默認(rèn)單位是英寸）
?
2、可選的對齊方式
????????? ActiveReports 提供了SnapLines(按邊線對齊)和Snap to Grid(按表格對齊)兩種對齊方式。當(dāng)選擇SnapLines時，可以根據(jù)對齊輔助線來判斷控件之間的相對位置關(guān)系；當(dāng)選擇Snap to Grid時，通過鼠標(biāo)移動控件的最小單位是一個單元格的距離，而且可以根據(jù)單元格的數(shù)量來判斷控件的正確位置。
3、可選的網(wǎng)格間距
???? 當(dāng)選擇Show Grid（顯示網(wǎng)格）時，在報表的設(shè)計視圖中會顯示網(wǎng)格，而且網(wǎng)格數(shù)量是可以調(diào)整的。選擇合適的標(biāo)尺單位和網(wǎng)格數(shù)量能為我們判斷空間的位置帶來便利，比如：標(biāo)尺單位選擇Centimeters(厘米)，網(wǎng)格數(shù)量設(shè)置為10*10，此時相鄰網(wǎng)格之間的距離恰好是1mm。
了解報表布局后，下面我們通過3個官方提供的demo進(jìn)行實戰(zhàn)操練。
報表實戰(zhàn)1：常規(guī)報表--數(shù)據(jù)清單--客戶清單
本實例，通過組合使用AR報表的Lable、TextBox控件，來實現(xiàn)表格展現(xiàn)客戶數(shù)據(jù)。
Step 1： 新建一個 rptCustomerList.rpx 報表文件
Step 2： 新建數(shù)據(jù)源
Step 3：設(shè)計PageHeader（報表頭）
依次拖入AR9的Label控件，修改顯示的文字、并調(diào)整背景色。
在Pageheader左上角，添加TextBox，按照下面截圖修改匯總算法--可實現(xiàn)對當(dāng)前頁面用戶信息進(jìn)行匯總。
?
Step 4 設(shè)計Detail（報表數(shù)據(jù)區(qū)域）
?????
設(shè)計Detail區(qū)域，可通過Step 3的辦法，從AR9工具箱拖入TextBox控件，修改DataField字段內(nèi)容。
這里我們使用一個AR報表設(shè)計的 小技巧 ： 直接從報表資源管理器中選擇字段拖入Detail區(qū)域 。
Step 5 設(shè)計PageFooter區(qū)域
至此，我們通過上面的實戰(zhàn)步驟，完成了客戶清單報表。
小技巧 ：通過報表設(shè)計器下面的設(shè)計器、腳本、預(yù)覽可方便的實現(xiàn)報表設(shè)計、預(yù)覽效果，效率非常高。
快速驗證一下效果吧：
怎么和官網(wǎng)的不一樣呢？
呵呵，請在腳本中添加如下腳本，用于修改行變色：
int
RowNo =
0
;
public
void
detail_Format()
{
if
((RowNo %
2
) ==
1
)
{
this
.detail.BackColor =
Color.Gainsboro;
}
else
{
this
.detail.BackColor =
Color.Transparent;
}
RowNo
++
;
}
public
void
ActiveReport_ReportStart()
{
rpt.Document.Printer.PrinterName
=
""
;
}
?
報表實戰(zhàn)2：常規(guī)報表--圖表報表--常規(guī)圖表
本實例中，通過用報表控件Chart展示圖表數(shù)據(jù)，更直觀。
Step 1：新建rptSalesByRegion.rdlx報表
Step 2：新建數(shù)據(jù)源
Step 3：添加Chart報表控件
選擇顯示為柱形圖--堆積圖，通過選中Chart后再單擊屬性對話框。
Step 4： 填充Chart數(shù)據(jù)
還可以通過選擇Chart后，單擊圖表數(shù)據(jù)進(jìn)行修改：序列（系列）、類別分組、序列分組數(shù)據(jù)填充操作。
在這個例子中，我們分別按照如下數(shù)據(jù)進(jìn)行操作：
- 拖動“銷售量”到序列數(shù)據(jù)區(qū)域
- 拖動“類別名稱”到X軸數(shù)據(jù)區(qū)域
- 拖動“貨主地區(qū)”到序列分組區(qū)域
?
Step 5： 預(yù)覽運行效果
報表實戰(zhàn)3：常規(guī)報表--條形碼--國航機(jī)票
在這個實例中，我們通過條形碼和AR9新出的圓角設(shè)計進(jìn)行一個類似國航機(jī)票的報表實戰(zhàn)。
Step 1：新建 rptFlightBarcode.rdlx 報表和數(shù)據(jù)源
添加報表、數(shù)據(jù)源，請參加本文的第1個例子，用到的數(shù)據(jù)源SQL：
?
select 航班信息.* from 航班信息 order by ID;
Step 2：設(shè)計報表的背景圖
添加一個嵌入式的圖像
添加Image報表控件，并設(shè)置國航機(jī)票的背景圖片。
Step 3：添加條形碼
上面添加了Image控件后，我們來添加條形碼控件。
?
配置條形碼屬性
?
- LayerName ：設(shè)置為Layer1。我們?yōu)榱朔奖愎芾?，?shù)據(jù)控件統(tǒng)一放在Layer1層。
- Symbology ：設(shè)置為Ansi39類型條形碼。
- Value ：???????? 設(shè)置條形碼數(shù)據(jù)，可指定當(dāng)前機(jī)票的ID號。
?
備注 ： ActiveReports 提供的Barcode控件支持37種條碼格式，其中包括：Code39碼、Code25碼、ITF25碼、Matrix25碼、UPC-A碼、UPC-E碼、EAN-13碼、EAN-8碼等一維條碼和PDF417等二維條碼。
Step 4：添加數(shù)據(jù)區(qū)域
添加完背景圖片、條形碼后，開始拖動數(shù)據(jù)字段填充乘客、出發(fā)點等數(shù)據(jù)信息。
有時候設(shè)計報表，在多個層之間控制非常不方便，明明選中了，但是報表就是無法編輯數(shù)據(jù)。
這里給大家分享一個AR9新增的 小技巧 ：在AR報表中，多個圖層直接切換可見性、是否選中，請通過在VS工具欄空白處單擊右鍵，選擇ActiveReports 9：
然后激活圖層管理---層列表 V9：
Step 5: 運行完整的demo效果：
?
官方提供的完整demo和中文數(shù)據(jù)庫文件 下載地址 ：
為了方便共享和交流，還可通過 Git@OSC進(jìn)行Watch。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
