blocks|key|305259|text|我以前没有在android上工作过，但在我看来，做翻页显示的最好方法是把它画成三层。第一个是第一页的文本，第二个是下面的“页面”，第三个是下一页。如果您从后到前绘制它们，用户将只能看到第一页上的文本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|305260|现在，一旦你有了这些，你会想要做一些基于你正在使用的控件的卷曲/翻转动画。只需选择最适合你的方法来制作动画，但是当你这样做的时候，把页面中不再存在的部分alpha去掉。这将允许你看到下面页面的文本(好吧，我说谎了。你也需要一个文本背后的背景)。|305261|此时的问题是，您仍然在同一空间上绘制文本两次，因此您需要将第一页的文本与其下的动画混合在一起。这样，超过0+alpha部分的文本将不可见。它不会随着动画一起弯曲，所以这可能仍然是一个问题，但取决于翻转的速度，这可能仍然是好的。动画完成后，只需设置第一页=第二页，动画重置为纯白色，第二页=新的第二页。|305262|阴影效果可以通过部分消除翻页动画后面的一些黑色来完成。在第二页上绘制(就像动画层已经在做的那样)，瞧！|305263|我相信你的两页问题可以使用非常类似的方法。祝好运|305264|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

I haven't worked on the android before, but it seems to me the best way to do a page flipping type of display would be to draw it in three layers. The first being the first page's text, the second being the "page" underneath, and the third being the next page. If you draw them from back to front, the only thing the user will see will be the text on the first page.

Now, Once you have that, you'll want to do some sort of curling/flipping animation based on whatever controls you are using. Simply choose whatever method works best for you for doing that animation, but while you are doing that, have the part of the page that isn't there anymore alpha'd out. This will allow you to see the text of the page underneath (Okay, I lied. You'll need a background behind that text too). 

The problem at this point is you're still drawing the text twice over the same space, so you'll want to blend the first page's text with the animation under it. In this way, the text that is over the 0 alpha sections will be invisible. It won't bend with the animation, so that may still be an issue, but depending on the speed of the flip that might be fine still. When the animation is done, simply set the first page = the second, the animation reset to plain white, and the second page = the new second page.

The shadow effect can be done simply by partially alphaing out some black behind the page turn animation. Draw over second page (as the animation layer already is doing) and voila!

I believe your two page question could use a very similar method. Good luck

blocks|key|303018|text|我在原生画布中实现了2D页面卷曲。查看我的答案：Implement+page+curl+on+android?|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|303019|编辑:我的实现的代码项目：http://code.google.com/p/android-page-curl/+EDIT2:链接更新|303020|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/3912849/implement-page-curl-on-android/|1|http://code.google.com/p/android-page-curl/^0|O|V|0|0|D|17|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

I'm implementing a 2D page curl in the native canvas. Check my answer in: <a href="https://stackoverflow.com/questions/3912849/implement-page-curl-on-android/">Implement page curl on android?</a>

EDIT: The code project of my implementation: <a href="http://code.google.com/p/android-page-curl/" rel="nofollow noreferrer">http://code.google.com/p/android-page-curl/</a>
EDIT2: Links updated

blocks|key|3253301|text|这是3d动画项目(基于OpenGL+2.0)+-+http://anettosoftware.co.uk/npc.php|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3253302|entityMap|0|LINK|mutability|MUTABLE|url|http://anettosoftware.co.uk/npc.php^0|P|Z|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This is 3d animation project (based on OpenGL 2.0) - <a href="http://anettosoftware.co.uk/npc.php" rel="nofollow">http://anettosoftware.co.uk/npc.php</a>

blocks|key|3039132|text|我正在使用这个代码。它真的非常完美，任何人都能理解和使用。非常感谢Harism|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3039133|GitHub+Link+for+Page+Curl+Animation+in+android+With+OpenGL|offset|length|3039134|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/harism/android_page_curl^0|0|0|1M|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

I am using this code. Its really really perfect for any one to understand and use. Thanks a lot to Harism

<a href="https://github.com/harism/android_page_curl" rel="noreferrer">GitHub Link for Page Curl Animation in android With OpenGL</a>

<ol>
<li>Is there a simple way to do the Curl page flipping animation? A Curl animation is animation of pages flipping, including the page above rolling and the shadows over the lower page. </li>
<li>What is the recommended way to do a "gallery" that displays two pages at a time (just like a book)?

Is it:

<ol>
<li>Letting the adapter display a linear layout of two images at a time? (it won't let me show a page flipping over the other like a book)</li>
<li>Using two pages, placing somehow one near the other, and then when it's time to animate -move the next two pages over?
What is the better way that would enable displaying the left page flipping over the right page?</li>
</ol></li>
</ol>

Android page Curl animation

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有一种简单的方法来制作卷曲翻页动画？卷曲动画是翻转页面的动画，包括上面的页面滚动和下面页面上的阴影。一次显示两页(就像一本书)的“画廊”的推荐方式是什么？是吗：1. Letting the adapter display a linear layout of two images at a time? (it wo...

问Android页面卷曲动画
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android页面卷曲动画EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android页面卷曲动画
EN