axure商城

【程程入门小组件系列】提交按钮动效

这是一个点击了会loading转一转,转完可以右弹一个提示弹窗的小按钮哟。
超级简单!隔壁村五六十岁的新手老奶奶都能一看就会!

【程程入门小组件系列】提交按钮动效

第一步
准备组件:
(1)一个矩形+一张图片,组成了提交小按钮,图片先隐藏哦

【程程入门小组件系列】提交按钮动效—>隐藏不该出现的朋友—>【程程入门小组件系列】提交按钮动效

(2)一些图片+矩形,打点字就是提示弹窗

【程程入门小组件系列】提交按钮动效

第二步
设置交互:
【页面载入】(先隐藏除下载按钮外的全部组件,再挨个儿盘它们!)
把载入时不需要的组件通通隐藏掉!

【程程入门小组件系列】提交按钮动效

【提交按钮】(你看这个按钮它蓝又蓝)
(1)单击时,让那个圈圈显示后转起来!转完了给我藏起来!loading好了那么就让那个窗滑进来!

【程程入门小组件系列】提交按钮动效

这就结束了?不,别忘了窗窗归位。
【提交成功弹窗组合】
(1)用户点击“我知道了”,窗窗使命完成,就怎么滑进来怎么滑出去吧!

【程程入门小组件系列】提交按钮动效

这就又结束了?是啊不然捏。

问:怎么这么简单?
答:画原型是简单的一件事情,不要辣么难。你看标题是入门小组件,不是卷王小组件。

给TA打赏
共{{data.count}}人
人已打赏
案例教程

Axure8.0教程:动态面板左右滑动及展开收起

2022-11-14 15:56:54

案例教程高级教程

【Axure 动态面板】让你的动画变成“永动机”

2023-4-11 10:43:24

axure商城
2 条回复 A文章作者 M管理员
  1. 黄老师
    黄老师给您打赏了¥10
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索