天猫京东app中常见的上下滚动轮播效果如何实现?

用户头像
北京/UI设计师/8年前/1119浏览
天猫京东app中常见的上下滚动轮播效果如何实现?

学习如何实现上下滚动轮播效果,用它带来不一样的宣传效果!

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


做法:

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

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

 

 

 

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

 


3
举报
|
3
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
拟物风质感写实UI卡片合集源文件
智能家居中心 简约 UI设计组件库
我的钱包-UI界面设计-app
户外旅行飞机情侣假日出行
盲盒APP UI设计
UI界面 组件
【新年UI图标】旅行icon
手表表盘UI系列
【新年UI图标】钱包icon
新拟态风格 UI设计组件库
UI 登录界面设计模板包
钱包ui模板
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
高级表盘系列UI源文件
Security Camera UI kit
【新年UI图标】会员icon
【新年UI图标】30个图标
【新年UI图标】体育icon
高级感金属拟物 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
你可能喜欢
大家都在看
登录注册