如何在android中实现这种折叠效果?

Posted

技术标签:

【中文标题】如何在android中实现这种折叠效果?【英文标题】:How to achieve this folding effect in android? 【发布时间】:2012-09-12 12:24:41 【问题描述】:

这是在ios上的效果 像纸折叠的效果 适用于 iOS 的 PaperFold:https://github.com/honcheng/PaperFold-for-iOS

【问题讨论】:

我不确定这是不是一个好主意:android 的 UI 不是拟物化的(与 iOS UI 不同),它是一种非常拟物化的效果。如果你看看像 endomondo 这样的应用程序,它实现了 android 设计准则,但在其活动之间具有折叠效果,它看起来真的很不合适。 类似PageCurl效果??? 如果您的问题与页面卷曲有关,请查看此链接:techie-manoj.com/?p=146 它和翻页不一样,它像翻页滚动动画:github.com/honcheng/PaperFold-for-iOS/raw/master/Screenshots/… @xman1234 你有没有找到任何方法在android中获得这种效果? 【参考方案1】:

我想您可以在 ImageViews 上使用缩放动画来模拟已折叠的纸张。当您滚动浏览并在继续滚动浏览图像集时展开整个纸张时,将使用缩放效果。完全滚动纸张 ImageView 并完成动画后,您只需终止动画并获得整页纸张的正常视图。只需为动画创建一个单独的文件夹,然后在该文件夹中创建一个 XML 文件,选择比例并使用属性来测试最适合您的动画的效果。

希望这会有所帮助!

【讨论】:

【参考方案2】:

有一个库可以帮助实现不是手风琴式而是另一个非常有趣的折叠效果:http://www.youtube.com/watch?v=GzWGhp_NDTg

解释&代码在这里http://cases.azoft.com/creating-paper-folding-animation-in-android/

【讨论】:

【参考方案3】:

您可以使用可折叠布局库。 https://github.com/worldline/FoldableLayout

【讨论】:

以上是关于如何在android中实现这种折叠效果?的主要内容,如果未能解决你的问题,请参考以下文章

如何在颤动中实现这种效果/布局?

如何在javascript中实现区域/代码折叠

如何在Android View中实现这种布局配置

如何在android中实现图像视图的缩放效果?

如何在 Android 上实现 Material Design 展开/折叠列表?

如何在Android中实现全屏,去掉标题栏效果