第2节:APP原型动效库—底部导航
发布日期:2018-04-13 浏览量:21142
加入VIP社群,可终身免费下载本站全部VIP原型 查看VIP原型
一、功能点
- 可自行设置:1个导航或2个导航……5个导航(最多兼容5个)
- 载入时,根据导航的数量,自动获取各导航之间的间距;
- 载入时,通过界面名称,自动选中相应的导航标题。
- 原型预览地址:http://u.pmdaniu.com/59NY
二、准备工作
- 素材:手机壳、顶部信息栏、头部背景图片、各个界面所需图片,下载文件中已包含所有素材;
- 新建【index】、【发现】等原型中的界面,将手机壳导入【index】界面;
- 在【index】界面拖入1个内嵌框架,尺寸375*667px,放在手机壳中间;
- 新建母版【头部_App】,在母版中拖入一个【中继器】(Rpt_Head);
- 在中继器中,拖入一个图片元件(Background_Rpt_Head,375*65px),一个文字编辑元件(Title_Rpt_Head,375*45px),两个动态面板,其中一个显示头部信息栏(Info_Rpt_Head,375*20),另一个显示返回箭头(Return_Rpt_Head,60*45px)。
三、实现步骤
1、新建可以在各个界面通用的【导航_APP】:
2、将【导航_APP】拖入各个一级界面:
对于时间比较紧的朋友,可以直接复制去用,无需学习怎么去做。
原型预览地址:http://u.pmdaniu.com/59NY