登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

蝴蝶飞舞的dialog

[复制链接]
来自: MrlLee 分类: Android精品源码 上传时间: 2016-9-5 17:05:13
Tag:Android android figure 图片 文章

项目介绍:

整体思路由三个部分组成:
1.蝴蝶的绘制。
2.折叠动画。
3.细节抖动。
下面大概描述一下实现过程:
蝴蝶的绘制蝴蝶的绘制使用的是svg+图片融合PorterDuffXfermode,对 这并不是一张图片,也就是说蝴蝶上的花纹是可以随意变化的。
在布局中添加花纹代码如下:
[XML] 查看源文件 复制代码
    
关于svg的转化我并没有使用常见的解析方式;而是使用的是SVG2Drawable,去除了关于svg的解析过程,直接使用生成后的path代码。
在组件初始化的时候使用PorterDuffXfermode生成相关花纹的蝴蝶图片。
折叠动画折叠的原理还是跟文章头部所说到的Android FoldingLayout 折叠布局 原理及实现(一)与其原理一致,主要判断好两支翅膀的矩形块与ToPoly的变化,这里不再复述了,如果需要了解该api的话可以去看看鸿洋的博客,我将这些变化都封装在ButterFlyDrawable中方便更改视图效果,并不仅仅使用在dialog之中。
细节抖动如果仅仅是蝴蝶扇翅膀,我觉得不怎么生动,为此我还增加细节抖动,使蝴蝶扇动的更逼真点。


相关源码推荐:

我来说两句
所有评论(87)
einnius2012 2016-9-5 17:33:07
感谢分享,安卓巴士有你更精彩:lol
回复
allow.xuweibin 2016-9-5 18:14:31
好好 学习了 确实不错
回复
snowqoo228 2016-9-5 18:23:21
感谢分享,安卓巴士有你更精彩:lol
回复
chaoyue 2016-9-5 18:43:03
mark,收藏了
回复
遗失的流年 2016-9-5 18:55:34
相当不错,感谢无私分享精神!
回复
belle 2016-9-5 19:01:54
感谢分享,楼主V5~
回复
lwk1818 2016-9-5 21:11:57
楼主威武啊,安卓巴士有你更给力!
回复
提取码:  下载次数:52 状态:已购或VIP 售价:10(原价:10)金钱 下载权限:限制会员 
3849 3 52
代码贡献英雄榜
用户名 下载数
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,769657487

如何获得代码达人称号

如何成为签约作者

联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表