教程内容:
通过制作时间为0的画板之间的循环跳转模拟光标闪动的交互效果
总览
这个案例制作于比较早的Adobe XD版本,目前更新的XD可通过制作一个光标的Lottie来替代这种做法了
制作弹出的内容
将充值一栏的背景矩形放大制作并放置好第二个画板的内容,添加一下点击交互,即可完成点击弹出的效果。
制作光标效果
首先分解场景,我们总共需要4个场景,即未输入内容时光标闪动,输入1光标闪动,输入12光标闪动,输入123光标闪动
每个场景需要制作两个画板,1个画板有光标,1个画板没有光标
两个画板直接互相链接添加时间为0的交互动画,这样两个画板间就能无限循环从而模拟出光标的效果
根据以上的做法制作出以下8个画板
最后将键盘上对应的数字链接到对应的画板即可完成效果
源文件下载:
链接: https://pan.baidu.com/s/1983hancQqeH1GT5Ylc2GzA 提取码: 1k53
点击前往查看→查看视频教程