Axure教程|移动端APP原型动效库【底部导航】

发布时间:2020-06-18   来源:摆摊40种新产品_摆摊的小本生意_摆摊卖臭豆腐赚钱吗   

本文给大″家分享:在Axuжre软件中,如何制作A○PP原型′底部导航。

做好后,可以直接在中继器列表中修改导航名称、图标及跳转链接√,还可以在中继器列表中任意增减导⿻航的个数,兼容2-5≥个导航。

名∕词解释

动效库:动态效果元件库,将常用』的动☆态效果做成元件动效库,需要时随时调用。

亮亮原型:专注于APP原型۩动效库、Axure原型动效库、高保真原型设计。

APP底部导航,原型在线地址:http://u.pσmdaniu.co┊┋m/59NY

&nbΣspⅥ;

一、功能点я

1、可自行设置:1个导航或2个导航……5┙个导航(最多兼容5←个);

2、载入时,根据导航的数量,自动获取各导航之间的间距;

3、载入时,通过界面名称,自动选中相应的导航标题。

二、准备工作

1、素材◣:导航图标、各个界面所需图片ц,下载文件中已包含所有素材;

2、新建【index】、♀【聊天】等原〤型中的界面,将手◢机壳导入【ζindex】界面;

3、新建╳母▊版【导航_App】,在母版中拖入一个【中继器】(Nav,375*50px);

4、在中继⊙器中拖入一个【动态面板ㄨ】(List_Nav,75*50px),在动Я态面板中拖入一张【图片元件】(Icon_Liⓔst_Nav,25*25px),拖入一个【文字编辑元件】(Ti┍tle_&List_NaⅨv,75*10pぷx)。

三、实现步骤

1、新建可以在各个⿰界面通用的【导航_APP】:

₪큐

2、将【导航┝_APP】拖入各个一级界面:

对于时间比较紧的з♥朋友,可以直接复制去用,无需学习怎么去做。

 

相关阅读

第1篇:Axure教程 |移动端APP原型【框架搭建】

第3⊿篇:Axure教程_移动端APP原型【弹Ω框●提示语1】

 ō

作者:亮Ⅳ亮,公众号:亮亮╭╮原型

本文由 @∶亮亮原创发布于人人都是产╤品经理。未经许可,禁止转载