android 图片放大缩小_如此方便,逐张放大显示的图片轮播PPT

这篇博客介绍了如何在Android中实现逐张放大显示的图片轮播效果,类似PPT的平滑切换。通过路径动画和放大缩小动画的结合,避免了传统方法中的版本限制和繁琐的图片更新问题。文章详细阐述了制作思路和关键步骤,包括版式设计、添加动画、路径衔接和内容更改,并提供了详细的操作教程视频。
摘要由CSDN通过智能技术生成

本期介绍一个在后台累计被问到最多的动画,

PPT图片的逐张显示轮播动画。

57d314c9d4d70f5be277778e4c9fb9ff.png

这种动画用平滑切换实现的话,

逻辑是很简单的,

只需要在多页中重复放上图片,

并且调整它们的大小和位置,

设置为平滑切换就可以了。

但是这样做有两个缺点,

第一是平滑切换对版本有要求,

第二是平滑是在页面间进行的,

要移动N次图片,

就需要N+1页PPT,

如果要更改图片,

就要对应地更改(N+1)²张图片,

是很麻烦的。

今天介绍的方法做出的成果,

只有1页PPT,

对版本没有要求,

并且修改图片很方便,

接下来详细讲解一下操作步骤。

ac123d785388e7167b619d320fe2b14f.png

制作思路和关键步骤

实现此动画的思路为:

使用路径动画+放大缩小动画,实现单个元素的精确放大缩小和移动,同一批次的移动由多个元素的路径+放大缩小实现,利用动画复制和路径衔接,实现单个页面中多批次的移动。

关键步骤如下:

1、版式设计,在PPT编辑区域内放置5张图片。

881ad3dcef30084b9fd398cb3c188d83.png

编辑区域外放置6张图片。

54a2568b1bdf6673372c7f450ecb8b6c.png

2、为每个元素添加向左的路径动画,与手机相关的两张图,累加放大缩小动画。

49d1afc7728fb4b088b7b30e30582777.png

3、以上一次移动的终点,作为下一次移动的起点,复制粘贴动画,并让路径顺次连接。

57d314c9d4d70f5be277778e4c9fb9ff.png

4、更改形状的填充,即可保留动画更改内容。

d13881234468ff0a5968f45ee44c330a.png

e68f912fd1432ff971620bd97db5ad78.png

详细操作教程

整个动画的制作拆解为5个部分进行讲解,

以下为详细操作视频:

知乎视频​www.zhihu.com

本文源文件已打包,

公号【黑白间设计】关键词【逐张放大】。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值