Axure实现简单的App首页切换功能（Tab切换）

总图和标注

 

用到控件：手机外形部件，一个动态面板，三个label控件；

大概原理：（主要是动态面板的使用）

1、为三个label控件设置相同的selected显示样式（逐个添加），同时设置相同的selection group 名字；

2、点击时，赋予被点击控件selected属性，控件会显示其相应样式；

3、点击三个不同的label，显示其对应的动态子面板；

 

处理动态面板：

将动态面板拖至合适处，双击显示下面对话框：

 

添加相应子面板后对其做相应布局处理，这里省略。

 

三个label制作底部menu：

拖拽三个label控件设置相同的宽高属性，填写内容后分别加上不同的名字（实例中：home,page,mine），挨着放在一起，全部选取后设置为一组。将这个组拖至手机面板底部，拖拉到合适宽度，他们会平均分配空间；

 

为每一个label设置Selected属性：

点击单个label，修改如下图三处：蓝色Selected 是设置选择后的显示样式，这次只修改字体颜色；待选择框Selected是设置当前空间是否为Selected属性，第一个需要勾选，后面的不需要；group那里是三个label的统一组别名，它约束组内只允许一个处于Selected状态；

1：当前控件设置为Selected状态（这样点击后会字体会改变问设置的颜色）：

 

 

2：显示动态面板的对应子面板：

 

 

做到这里，简单的点击底部菜单，实现切换的效果就做出来了，更多的是需要为动态面板的子面板添加更多的内容了。