- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Animation-list,帧动画属性动画,做出Flash般的效果讲述
Animation-list,帧动画+属性动画,做出Flash般的效果
我们会用到PS,即使不会也不要怂,只需要几步傻瓜式操作即可。
效果图
相信机智的各位,看完之后一定能发挥创意,做出更酷更炫的效果
图层获取
首先你需要找一张你喜欢的GIF图,然后一张背景图片,以及一些小组件图片(为了这个页面不卡,我就直接发我处理后的图片资源了)。
打开PS,把图片拖拽进去,然后GIF就会拆成各个独立的图层,也可以点击窗口——动画进行预览。
点击图层旁边的复选框(选中显示一个眼睛的图案),选中表示图层可见,每次选择一个图层,然后保存文件即可,然后一张GIF就被拆分成以下几个图片(我对图层进行了简单处理,如果会PS可以自行扩展):
其它资源(其实是有4张图片,白底可能看不到):
认识Animation-list
根标签为animation-list,文件存放在res/drawable目录下,强调是drawable文件夹,我和小伙伴都有放错文件夹的经历的说。
item标签用于声明图片,没什么好说的
两个关键属性:
oneshot代表着是否只展示一遍,设置为false会不停的循环播放动画
Android:duration 表示展示所用的该图片的时间长度
完整的文件如下:
?xml version=1.0 encoding=utf-8?
animation-list xmlns:android=/apk/res/android
android:oneshot=false
item
android:drawable=@mipmap/load_anim_a
android:duration=150 /
item
android:drawable=@mipmap/load_anim_b
android:duration=150 /
item
android:drawable=@mipmap/load_anim_c
android:duration=150 /
item
android:drawable=@mipmap/load_anim_d
android:duration=150 /
item
android:drawable=@mipmap/load_anim_e
android:duration=150 /
/animation-list
源码:
然后就直接上代码了,具体注意事项我就放在代码注释中好了,String资源文件自行添加。
布局文件:
?xml version=1.0 encoding=utf-8?
RelativeLayout xmlns:android=/apk/res/android
xmlns:app=/apk/res-auto
android:layout_width=match_parent
android:layout_height=match_parent
android:gravity=center
!--使用CardView,好看!--
android.support.v7.widget.CardView
android:id=@+id/error_top
android:layout_width=240dp
android:layout_height=216dp
app:cardCornerRadius=3dp
app:cardElevation=5dp
!--定义一个布局,放背景飘过的云彩,动态添加也成--
RelativeLayout
android:id=@+id/error_container
android:layout_width=match_parent
android:layout_height=match_parent
android:background=@color/colorPrimaryLightest
android:contentDescription=@string/description_img
android:scaleType=fitXY /
!--动画的背景图片--
ImageView
android:layout
文档评论(0)