第四次原型分享——底部导航栏（第二种做法）

底部导航栏，既有交互，又有跳转，做起来有一定难度。前几天给大家分享了微信导航栏的一种做法，今天来给大家分享第二种做法。

1.先添加矩形，四个图标，以及四个页面如图：
（因为分享的目的只是为了演示效果，因此较为简单，大家能理解原理就好）

2.选中所有组件，点击添加组件状态。

3.给组件复制四个状态，并分别改变图标颜色。

4.将组件转换为母版
5.将状态栏放置于“手机之上”双击编辑母版。

6.在状态1下，将图标与分别对应的页面相连接。

7.在状态2、3、4同理，并退出编辑。
8.给2、3、4页面加入母版并选择为对应状态，注意页面高度对齐。