如何从android中间折叠视图?

时间:2012-03-30 09:46:01

标签: android user-interface animation viewgroup

我正在学习android并尝试创建一个折叠视图的效果,就像链接视频中的视图一样。

http://vimeo.com/37254322

任何人都可以提供一些指导或指向正确的资源。

当前的android允许翻转Z轴上的完整视图以创建视图翻转效果,如下面的视频所示。

http://www.youtube.com/watch?v=a5b0EKUU3h4

此处找到的代码为翻转效果http://www.inter-fuser.com/2009/08/android-animations-3d-flip.html

但是第一个视频中的效果会从中间折叠出来。此外,我想将该效果用作过渡动画,它隐藏顶视图并使用viewGroup从后面显示一个。

由于

1 个答案:

答案 0 :(得分:2)

您需要执行以下任务,每个任务都可以在他们自己的问题中提出(这是我能想到的简单解决方案):

  1. 您需要将“Page 1”和“Page 2”捕获为单独的实体(这可以通过编辑“Canvas的视图Heirachy”或通过某些屏幕截图技术来完成。)

  2. 在“第2页”下方添加“第4页”,以便当它上方的视图缩小时可见。

  3. 您可以将动画应用于缩小其宽度值的“Page 2”。为了获得额外的效果,这还可能包括页面上出现的阴影,页面egde和页面顶部/底部动画。

  4. “Page 1”上方的“Page 3”层,宽度为0,x值为屏幕宽度的一半。如果此视图开始增长并且以相同的速率转换它的x值,则具有宽度。添加额外的阴影/页边/页底。

  5. 删除原始“Page 1”和“Page 2”。