在GWT中向CellTable添加分頁動畫

Question

我想要在GWT中爲CellTable上的頁面更改設置動畫方式，該方法與更改選項卡上的相同方式（http://gwt.google.com/樣品/展示/ Showcase.html＃！CwTabLayoutPanel）。換句話說，新的表格頁面將從頂部（或底部）滑入。 CellTable現在使用SimplePager來啓動頁面更改。

感謝，馬加什

Answer 1

有沒有辦法做到這一點簡單的方式，因爲做幻燈片動畫，你必須有至少2個已經呈現的頁面：第一個被移出和第二個替換第一。在帶有動畫標籤集的展示示例中，所有選項卡都已呈現並準備使用，但CellTable和SimplePager除了可見的頁面之外沒有呈現的頁面 - 新頁面僅直接呈現到CellTable主體中。

所以，如果你真的想使用CellTable和傳呼機創造這樣的效果，你必須實現自己對CellTable和傳呼機的，將做到以下幾點：

1. 保持2個容器與渲染行：一個是可見，其次是隱藏的。
2. CellTable主體應該有視口（只是一個< div>與「溢出：隱藏」的CSS規則），將有兩個容器內。
3. 當尋呼機更改頁面時，您必須強制CellTable將新行渲染到隱藏容器中。
4. 當新數據呈現時，將隱藏的容器置於適當的位置，以使幻覺繼續可見，並使其可見;
5. 提供將兩個容器移動到新位置的動畫。我建議不要使用動畫編碼（例如定時器） - 使用CSS3轉換規則會更好和更有效（請參閱「CSS3 transform Property」和/或「CSS3 transition Property」）。
6. 動畫完成後，首先隱藏容器並將指針切換到可見和隱藏的容器 - 以便返回初始狀態。

希望這會有所幫助。