【Axure交互教程】 可滑动的标签页效果

作品名称：可滑动的标签页效果

作品编号：Case002

软件版本：Axure9

作品类型：交互案例

原型预览链接（附源文件下载链接）：http://daisyaxure.com/demo/Case002

标签页式导航是移动端常见的一种导航形式，可以用于让用户在不同的视图中进行切换，今天我们来讲下如何用Axure实现制作一个可滑动的标签页。

 交互效果说明 

1.左右滑动查看所有标签。

2.鼠标点击时可选中当前标签，同时只能选中一个标签。

3.点击位于边缘位置的标签，该标签可移动到中间的位置。

效果预览：

制作单选组效果 

1.拖入一个【文本标签】，设置文本颜色:#CECECE，文本内容：“关注”；

选中此文本标签，在右侧【交互】面板中添加【交互样式】，设置【选中】时字体颜色为：#333333。