3

我试图想出在 GWT 中为 CellTable 上的页面更改设置动画的方法，这与更改 (http://gwt.google.com/samples/Showcase/Showcase.html#!CwTabLayoutPanel 上的选项卡的方式相同) ）。换句话说，新的表格页面将从顶部（或底部）滑入。此时 CellTable 使用 SimplePager 来启动页面更改。

谢谢， 马蒂亚斯

4

1 回答 1

0

没有办法以简单的方式做到这一点，因为要制作幻灯片动画，您必须至少有 2 个已经渲染的页面：第一个移出的页面和第二个替换第一个的页面。在带有动画选项卡集的展示示例中，所有选项卡都已呈现并可以使用，但具有 SimplePager 的 CellTable 没有呈现页面，除了可见页面 - 新页面只是直接呈现到 CellTable 正文中。

所以，如果你真的想使用 CellTable 和 Pager 创建这样的效果，你必须实现你自己的 CellTable 和 Pager 对，它们将执行以下操作：

  1. 保留 2 个带有渲染行的容器：一个是可见的，第二个是隐藏的。
  2. CellTable body 应该有一个视口（只是一个带有“overflow:hidden”CSS 规则的 <div>），里面有两个容器。
  3. 当寻呼机更改页面时，您必须强制 CellTable 将新行呈现到隐藏容器中。
  4. 渲染新数据时，将隐藏的容器放置在适当的位置，以制造它继续可见的错觉，并使其可见；
  5. 提供将两个容器移动到新位置的动画。我建议不要对动画（例如计时器）使用编码——使用 CSS3 转换规则会更好更有效（参见“ CSS3 转换属性”和/或“ CSS3 转换属性”）。
  6. 动画完成后，隐藏第一个容器并将指针切换到可见和隐藏容器 - 以便您返回初始状态。

希望这可以帮助。

于 2013-06-08T19:27:29.053 回答