教程内容:
绘制透明的左右两个热区,并分别添加拖拽动作,实现对一个元素进行左右拖拽的交互效果
跟着下面的步骤一步一步制作吧!
1.制作素材
绘制3个矩形,拖入3张图片素材
再绘制两个矩形,一个填充红色一个填充绿色
放置上图片和文字,分别打组
将所有素材按下图的位置叠放在一起,两个填充矩形素材组放置在顶层,调整透明度为0
再绘制两个矩形做热区,需要做左右两个点击热区,把热区矩形的透明度调成0
制作完后如下图
2.制作交互
需要制作3个画板,以中间画板为起始画板,左侧热区链接左侧画板
调整左侧画板组内的素材位置和透明度如下图
右侧热区链接右侧画板
调整组内素材位置和透明度如下图
两侧均添加拖拽自动动画
制作完成
点击前往查看→查看视频教程获取源文件