如何在android 帧动画实现中实现折纸动画

折纸大全手把手教你安卓机器人的手工制作教程 - 纸艺网
& 折纸大全手把手教你安卓机器人的手工制作教程
折纸大全手把手教你安卓机器人的手工制作教程
里不但和大家分享一些装饰性的手工折纸制作,还有一些趣味性的手工折纸制作同样值得尝试哦。大家在这里看到的这个手工折纸安卓机器人的制作教程就是其中一个,我们能够看到这个安卓折纸机器人能够手把手的教大家完成一个可爱的安卓机器人的折叠。之前纸艺网只是在中给大家分享过安卓机器人的制作方法,不过现在在这里就可以通过折纸的方式制作出一个可爱的安卓机器人来,喜欢的同学不妨来特别尝试制作看看吧。
在这里看到的这个手工折纸安卓机器人的折法教程的制作者为Muri Bravo(来源:/watch?v=JrB8GZ-2S-g,/zhezhi)。折纸安卓机器人整体的表现结构还是比较不错的,虽然是平面化的折纸设计,但是我们依旧能够看到其中折叠细节上面的一些特点和特色,手工折纸制作方面的一些尝试大家也可以从这个手工折纸安卓机器人中去感受哦,同时这个手工折纸的制作也很适合粘贴到手工上面,使得贺卡更加具有极客的感觉哦。
下面看到的即为这个手工折纸安卓机器人的折法视频教程:
与折纸大全手把手教你安卓机器人的手工制作教程相关的作品
折纸大全手把手教你安卓机器人的手工制作教程 创建于版权归作者,没有本人的许可不得转载或使用任何部分的内容。
纸艺网的其他后使用快捷导航没有帐号?
Android下如何实现如下的折纸效果?
kdcc 1493 9
请问一下,有没有实现如下效果的方案?截图是百度浏览器2.3.6.1版本中的一个折纸效果,现在需要一个与此相同的方案,请知道的大神说说方案吧,谢谢!
& &我来回答& &
device--101254.png
(267.95 KB, 下载次数: 2)
10:17 上传
看中间的折纸效果
Android ,&&如何&&
post_newreply
//$(\'note_\').focus();
function succeedhandle_vfastpost(url, message, param) {
$(\'vmessage\').value = \'\';
succeedhandle_fastpost(url, message, param);
showCreditPrompt();
var vf_tips = \'#在这里快速回复#\';
$(\'vmessage\').value = vf_
$(\'vmessage\').style.color = \'#CDCDCD\';
$(\'vmessage\').onclick = function() {
if($(\'vmessage\').value==vf_tips) {
$(\'vmessage\').value=\'\';
$(\'vmessage\').style.color=\&#000\&;
$(\'vmessage\').onblur = function() {
if(!$(\'vmessage\').value) {
$(\'vmessage\').value=vf_
$(\'vmessage\').style.color=\&#CDCDCD\&;
$(\'vreplysubmit\').onclick = function() {
if($(\'vmessage\').value == vf_tips) {
等级:ADD.小学
本帖最后由 tangke300 于
15:06 编辑& &
还没用过老版的百度浏览器
等级:ADD.高中
我猜想应该是用图片的2D操作实现的,视觉上像3D吧,静等高手出现。
这个帖子也有讨论& &
原理我觉得应该是图片的处理,不过逻辑应该比较复杂呀,不知道有没有开源的东西。
等级:ADD.幼儿园
看起来不错
等级:ADD.小学
期待中,& &
同意楼上,不知道楼主解决了没???解决了,介绍下经验,多谢
等级:ADD.幼儿园
demo about folding effect on google plus&&maybe help you.
等级:ADD.幼儿园
guyuel 发表于
同意楼上,不知道楼主解决了没???解决了,介绍下经验,多谢& &
到目前还没有解决,仍然在努力寻找解决方案中~~
现在找到一个方案,也是配合Camera和Matrix使用,通过获取当前View的位图,然后通过Camera的RotateX把视角旋转,然后将旋转后的位图取出来,拼成折叠的效果。但还没有搞定。
我要找的不是这个页面内的效果,而是针对整个页面折叠的,网上有个仿Iphone折叠效果的锁屏软件,实现了类似的效果,但没有源码,无法移植使用。
等级:ADD.幼儿园
tanktu 发表于
demo about folding effect on google plus maybe help you.& &
页面无法打开啊,要翻墙吗?
等级:ADD.幼儿园
kdcc 发表于
到目前还没有解决,仍然在努力寻找解决方案中~~
现在找到一个方案,也是配合Camera和Matrix使用,通过获 ...& &
搞定了么? 求教下思路是否正确~~
等级:ADD.幼儿园
最近也需要实现一个这个效果的动画,找了楼主发的这个版本的百度浏览器,反解了下,大概也是将view生成一个image然后针对这个image做处理然后画出处理之后的东西,但是混淆之后的代码反解,显然看着累······纠结
1、2、3、4、5、6、7、8、9、10、您的位置:
趣味折纸v1.0.106
巴巴熊趣味折纸动画v6.0:
益智类的脑力游戏不但能够在感官层次带给玩家刺激爽快的游戏体验,更重要的是满足了精神层面的成就感和大脑的活跃程度的训练,今天小编就为小伙伴们带来安卓益智脑力游戏大…
咖啡是一种用经过烘焙的咖啡豆制作出来的饮料,与可可、茶同为流行于世界的主要饮品。咖啡能提升想必大家都知道,也能随自己的口味来调配咖啡的浓度与甜度,很受欢迎。现在…
趣味折纸v1.0.106
本站仅创建用户沟通交流的平台,所展示的安卓软件资源内容来自于第三方上传分享,版权问题均与我站无关。资源仅作为用户间分享讨论之用,除开发商授权外不以盈利为目的。如该游戏触犯了您的权利,请申诉!邮箱:
29471人推荐
26024人推荐
26015人推荐
19784人推荐
19553人推荐
14167人推荐
13367人推荐
9352人推荐
8560人推荐
7777人推荐
CopyRight2004年-年
游迅网 All Rights Reserved
备案编号:沪ICP备号-9当前位置:&&&&&
出门在外总要掌握一门技术 《智慧折纸》评测
智慧折纸 评分:7.8分
简洁画面 益智游戏 无需联网
回忆童年 指尖上的折纸艺术
还记得儿时第一个折纸作品是什么呢?小编能回忆起最牛逼的作品就是简陋的折纸相机了,民间自有高手在,今天是否要再次泛起回忆的涟漪,再次体验一把折纸童趣呢?那么,就该《智慧折纸》(Paperama)登场了。
玩法操作:这样你会折吗?
本作并非一款折纸大全工具,游戏不是教大家如何折纸,而是需要玩家们转动脑袋,将一张纸折成要求的形状。通过滑屏将纸张进行折叠,曲线给出的就是目标区,头大了吗?
在规定的步数内移动完成折纸,游戏会根据玩家折叠的精准度进行评分,本作的操作流畅,玩法简单却极具挑战性;但过于流畅的操控有时也会带来点小麻烦,当移动到精准的位置上后,手从屏幕移开,又发生了微小移动,只能眼看着100分从眼皮下溜走,重度强迫症玩家可要且玩且珍惜呀。
游戏画面:美工又可以休息了
虽说本作的画面并不花哨,但制作却不失精致,色彩搭配也能给人一种舒服感。不同地图都有一段特别的折纸动画,算是给玩家们的额外福利;游戏配乐以轻音乐为主,不会给苦思冥想的玩家们照成游戏压力。重点是游戏中的折纸艺术,玩家们在现实生活中也可尝试,下次被问及爱好是什么时,就可以大胆的说:折纸!
共2页: 跳转到页
【来源:4399】
推荐理由:卡通明星跑酷游戏,游戏里有很多我们熟悉的卡通明星:你可以和兔八哥、BB 鸟、崔弟以及其他受欢迎的乐一通角色一起奔跑
推荐理由:不同于一般的滑雪,这款游戏中玩家将背着喷射器去滑雪场竞赛!借助火箭喷射器,在各种设计得鬼斧神工的赛道上以超高速
推荐理由:战斗机大战是一款动作类游戏,在空战中感觉作战飞机的实力!开始操作你的飞机驾驶盘机并一直勾板机,直到肃清天空内的
推荐理由:世界厨师是一款模拟经营类休闲游戏,游戏中玩家将扮演一名大厨从一间小餐馆开始逐步发展壮大;你可以尽情的释放自己的
推荐理由:《无声狂啸》是游戏史上第一个批判现实主义的冒险游戏,游戏中涉及到有关战争、性、人与人之间的虚伪和冷漠等众多社会
手机访问手机扫描二维码访问您的位置:
如何在Android中实现折纸动画
日 15:13:43 | 作者:佚名 | 来源:51CTO
摘要:498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="480" height="288" alt="creating-paper-folding-animation-in-android" src="/wyfs02/M00/2B/6A/wKiom1OH6rLAad9AAABtZtpgXfk...
498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="480" height="288" alt="creating-paper-folding-animation-in-android" src="w.cn/resources/4_08_21/43_5471.jpg" />
受到iOS版的启发,在最近的项目中,我们决定在打开列表元素时实现一个类似风格的动画效果。起初,我们试图使用一个现有的实现――-flip, 通过OpenGL渲染动画――在最新的Android版本中,它只做到了在屏幕上显示比较明显的工件(图片闪烁)。另外,需要对这个类库进行改动,因为它 是为了滑动列表的元素设计的,但我们的工程需要在打开列表元素的时候有动画效果。在下面的演示视频中可以看出区别:android-flip实现的是折叠 列表,而我们实际需要的是展开详情。
考虑到这种场景,我们决定自己实现这种效果。因为应用程序支持的最小Android版本为4.0,所以没使用OpenGL,而是用了标准Android SDK中的方法:View.setRotationX(),View.setScaleX()等。当硬件加速启用时(如果目标API级别>=14,默认启用硬件加速),这些方法可以非常高效地利用GPU。
结果看起来很完美,所以决定分享我们的做法。由于本文只是介绍了基本的实现要点,您可以从GitHub上下载所有的实际代码:FoldableLayout。
498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="360" height="640" src="w.cn/resources/4_08_21/43_5846.gif" alt="" />
布局的实现
设计的第一个元素是可以对折的布局。我们的做法相当大胆:主布局(FoldableItemLayout)只包含一个特定的布局(在baselayout)。在动画中,BaseLayout将它的内容写入到缓存中,这是一个根据原始布局的尺寸专门创建的Bitmap对象。
class&FoldableItemLayout&extends&FrameLayout&{&&&&&@Override&&&&&protected&void&onSizeChanged(int&w,&int&h,&int&oldw,&int&oldh)&{&&&&&&&&&Bitmap&cacheBitmap&=&Bitmap.createBitmap(w,&h,&Bitmap.Config.ARGB_8888);&&&&&&&&&mBaseLayout.setCacheCanvas(new&Canvas(cacheBitmap));&&&&&}&}&&&class&BaseLayout&extends&FrameLayout&{&&&&&private&Canvas&mCacheC&&&&&&&private&void&setCacheCanvas(Canvas&cacheCanvas)&{&&&&&&&&&mCacheCanvas&=&cacheC&&&&&}&&&&&&&@Override&&&&&public&void&draw(Canvas&canvas)&{&&&&&&&&&mCacheCanvas.drawColor(0,&PorterDuff.Mode.CLEAR);&&&&&&&&&super.draw(mCacheCanvas);&&&&&}&}&
此外,还需要两个额外的视图(PartView)――用于图像的上、下两半部分。它们将在缓存中显示对应的数据,这些数据代表了该图像(Bitmap)的上半部和下半部。两个视图填充了主布局的整个区域,但只显示所需的部分。为了达到这种效果,我们计算了位图的界限――在onDraw()方法中,我们让画布通过[drawBitmap (Bitmap bitmap, Rect src, RectF dst, Paint
paint)](/reference/android/graphics/Canvas.html#drawBitmap(android.graphics.Bitmap,
android.graphics.Rect, android.graphics.RectF,
android.graphics.Paint))方法来绘制所需的部分。
然后通过setRotationX()方法设置相应的角度,设法旋转这些额外的视图,从而实现图像上半部和下半部的独立旋转。为了实现这个功能,我们为FoldableItemLayout添加了一个名为FoldRotation的新参数。
FoldRotation参数范围是(-180,180]:
FoldRotation=0:两个部分都不旋转。在这种情况下,我们可以跳过位图缓存,实时的显示原始的布局。
0 <FoldRotation<90:下层的部分旋转到 FoldRotation角度;上层部分不旋转。
-90<FoldRotation<0:只有上层部分旋转。
90≤FoldRotation<180:下层部分不再显示。在这种情况下,包含下一布局的FoldableItemLayout应该覆盖当前的FoldableItemLayout。
-180<FoldRotation≤-90:上层部分不再显示。在这种情况下,包含先前的布局FoldableItemLayout应该覆盖当前的FoldableItemLayout。
FoldRotation=180:两个部分都隐藏。
现在有了一个二层布局,能够“折叠”它包含的元素,这样就可以做出一个FoldableListLayout――一个类似列表视图的布局,它创建列表元素,并通过使用BaseAdapter将其封装成FoldableItemLayout。在这种情况下,我们还使用了FoldRotation参数用来确定元素在列表中的位置。
例如,FoldRotation=
30,列表第一个元素(FoldableItemLayout)的FoldRotation值为30,而第二个元素――FoldRotation=
150,最多可以同时显示不超过2个元素。FoldRotation参数值的范围依赖于元素的数量:如果列表包含一个元素,那么取值范围就会是 [0,0],2――[0(+微信关注网络世界),180],3――[0,360]等。
在学会了在几个元素之间使用折叠动画滚动之后,我们解决了这个重大的挑战:从任意的起点生成元素的打开动画。利用已经实现的 FoldableListLayout, 并使其在两个元素之间进行切换:封面布局和详情布局。这两种元素都应该显示在屏幕上,但详情元素应该是隐藏的。当用户点击一个封面元素时,应用程序会记住 当时的位置,并使用相同大小的空占位符视图取代它(以免破坏屏幕上的其他元素),并移动盖元素的下半专门创建的布局。以后这种布局将被用作 FoldableListLayout的第一个元素。第二个元素将被替换为空占位视图,与封面元素的方式相同。
眼见封面元素已经从屏幕上的最初位置展开,因此在动画过程中我们的FoldableListLayout需要在封面元素和详情元素的位置之间移动。这就是为什么要记住在动画初始化过程中每个元素的初始位置和大小的原因。由于封面和详情的大小有可能不同,我们需要在动画期间同时扩展它们,以便使它们的宽度一致。
我们基本已经完工,只差一件事:缩放后,封面的高度可能看起来比下半部分的详情校这意味着你需要隐藏图像的剩余部分。
下面的屏幕截图显示了在动画的开始部分有一个灰色区域,下层的详情部分与封面的大小不符。
498)this.width=498;' onmousewheel = 'javascript:return big(this)' src="w.cn/resources/4_08_21/43_2313.jpg" alt="creating-paper-folding-animation-in-android-error (2)" />
我们为FoldableItemLayoutm引入一个额外的RollingDistance参数解决了这个问题。这个参数负责从折线垂直移动图像。使用这个参数可以在动画的第一部分中的不知不觉中转换详情的一部分,然后在第二部分中全尺寸展开。
动画现在就可以运行了,余下的工作就是为逼真的效果添加一些暗化,或为平滑的样子添加些阴影。本类库在GitHub上可以随意使用,在那里你还可以找到一个使用例子。一如既往的欢迎pull请求。
原文链接: azoft
译文链接: /68689/
[责任编辑:孙可 ]
正在加载...
我也说几句
热点排行周月
网络世界移动客户端网界网微信订阅号

我要回帖

更多关于 android实现动画效果 的文章

 

随机推荐