美文网首页@产品
产品设计中如何实现上下滚动轮播效果?

产品设计中如何实现上下滚动轮播效果?

作者: b71abc341dbc | 来源:发表于2018-11-09 22:26 被阅读20次

    上下轮播是一种非常常见的形式,经常用于各种宣传位置。比如

    做法:

    创建母版,拖入文字组件,输入文字,将文字组件调整到合适的位置和大小;添加全局手势。复制页面1,将其分别命名为页面2、页面3,并修改文字组件的内容。

    通过全局手势,页面1链接到页面2,页面2链接到页面3,页面3链接到页面1;其中在链接页面时,将定时器设置为1秒;动效时长设置为1秒;转场动画设置为下移入。母版就设置完成了。

    回到工作区内,分别添加3个文字组件,输入京东、快报、更多。并设置颜色、字号等信息。将刚创建的母版拖入到「快报」右侧,点击运行即可

    相关文章

      网友评论

        本文标题:产品设计中如何实现上下滚动轮播效果?

        本文链接:https://www.haomeiwen.com/subject/mwjaxqtx.html