第3节:APP原型动效库—弹框提示语
发布日期:2018-04-13 浏览量:17821
加入VIP社群,可终身免费下载本站全部VIP原型 查看VIP原型
原型预览地址:http://u.pmdaniu.com/gLB3
一、功能点
- 新建元件库,通过元件库反复调用提示弹框;
- 同一个提示框,在同一个界面,可以分别调取多条提示语;
- 通过提示语的类型,自动显示对应的图标。
二、准备工作
- 素材:导航图标、各个界面所需图片,下载文件中已包含所有素材;
- 新建【index】、【登录】、【购物车】等原型中的界面,将手机壳导入【index】界面;
- 新建元件库【动效库】,在元件库中拖入一个【动态面板】(Box1,231*90px),动态面板中拖入一个【中继器】(Rpt_Box1,231*90px);
- 在中继器中,在拖入一个【动态面板】(Icon_Rpt_Box1,38*38px);拖入一个【图片元件】(Background_Rpt_Box1,231*90px),拖入一个【文字编辑元件】(Words_Rpt_Box1,231*30px)。
三、实现步骤
1、创建元件库,取名【动效库】:
2、【动效库】中设计提示弹框:
3、在需要的界面中调用弹框提示语:
原型预览地址:http://u.pmdaniu.com/gLB3