FineReport巧用tab組件實現APP的佈局效果
1. 版本說明
|
IOS/Android支持版本 |
jar包版本 |
|
8.4及往後版本 |
2017年4月1日 |
2. 描述
tab佈局能避免多層次鑽取與返回，可以在一個報表內部進行切換，鑽取層數如果過多的話，看報表的人的操作體驗就會下降很多，這時就可以選用tab組件。
3. 實際效果
新建一張表單，首先在表單中拖入tab組件，然後在第一層級的tab組件中再添加新一層的tab組件，並在第二層tab組件中添加報表塊組件，通過表單組件的參數聯動，即可實現不同tab系列下不同維度的數據分析。
報表樣式設計如下：
我們以行業榜單中的手機行業舉例來說明組件間的參數聯動，其他tab頁的設置方法相同。
新建一個內置數據集手機，其中時間段包含月度、季度和年度。
拖入兩個報表塊，左側的爲report0，右側的是report1，左邊的報表塊(report0)界面設置如下：
右擊A1單元格，點擊超級鏈接，進入超級鏈接窗口，點擊“+”號，添加當前表單對象，表單對象爲report1，參數a的值爲月度，表示當參數爲月度的時候，report1中的數據爲月度的數據，再添加一個當前表單對象，表單對象爲report0，參數line的值爲1，表示line的值爲1的，report0進行刷新。
A2單元格超級鏈接中的參數a爲季度，line的值爲2。
A3單元格超級鏈接中的參數a月年度，line的值爲3。
其他設置均與A1單元格的超級鏈接設置相同。
右擊A1單元格，點擊條件屬性，彈出條件屬性對話框，公式爲$line = 1時，背景色爲藍色，字體色爲白色，如下圖所示：
A2單元格的條件屬性爲$line = 2 時，背景色爲藍色，字體色爲白色。
A3單元格的條件屬性爲$line = 3 時，背景色爲藍色，字體色爲白色。
右邊的報表塊(report1)界面設置如下：
B2單元格設置了過濾，顯示參數a的值時的數據，如下圖：
A2單元格中的=seq()爲序號公式，根據B2排序，所以A2單元格的左父格爲B2。
並且A2單元格設置了條件屬性，是爲了實現隔行換色，如下圖所示：
至此，第一個tab頁就設置完成，其他tab頁與上述步驟相似，就不一一贅述了。
這時，可以看到在同一個界面中可以切換多個佈局，減少了層層鑽取的煩惱。
點擊預覽後，可以看到描述中的效果。
注：在表單body中移動端屬性手機重佈局的勾選要去掉。
注：在app中適用需要點擊模板>移動端屬性，選擇HTML5解析。