Axure 制作动态标签栏思路

刚用了Axure做完了网站原型。

做了右侧菜单栏和上侧标签栏的交互。

效果是，点击左侧菜单栏，标签栏处会浮现相应的标签，标签长度由文字长度决定，选中的标签宽度会变宽，标签依次排列在后面，关闭标签时，后面的标签会跟上来。

只说一下思路。

标签栏文字可以在点击时赋值，长度可以用公式计算，增加通用性。

标签与菜单按钮一个个对应，标签全部隐藏。

全局变量：当前标签栏的长度len（初始0），当前选中的标签序号focus（初始0），当前标签数count（初始0）。

标签附加信息，可以用单独的隐藏box记录，放在一个group中，达到结构体的功能效果。

标签需要记录：当前标签是第几个ID（显示时为当前标签数+1，然后当前标签数++），自身的位置Pos（因为选中时和不选中时长度有差异，所以要记录不选中时的位置，如果前面的标签被选中，则向后移一定量的距离）

点击菜单栏时：

如果标签隐藏，则标签显示，移动到标签栏长度的位置len，记录下现在的位置Pos，全局变量（标签栏长度len+=标签长度），全局变量（当前标签数count+=1），标签（第当前标签数个ID），全局变量（当前选中标签设置为标签信息focus）

如果标签已经显示了，则更改focus为当前标签的ID，然后判断其他标签ID>focus 的，也就是选中标签后面的标签，因为选中不选中长度会有差异，所以后面的标签要往后移

关闭标签时：

隐藏标签，判断所有标签ID>关闭标签的ID的，ID-1，然后Pos-关闭标签的长度，重新移动到Pos处，len-关闭标签的长度，count-1