巧用tab組件實現APP的佈局效果

FineReport巧用tab組件實現APP的佈局效果

1. 版本說明
   iOS/Android支持版本

jar包版本
8.4及日後版本
2017年4月1日

1. 描述
   tab佈局能避免多層次鑽取與返回，能夠在一個報表內部進行切換，鑽取層數若是過多的話，看報表的人的操做體驗就會降低不少，這時就能夠選用tab組件。

1. 實際效果
   新建一張表單，首先在表單中拖入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解析。