教大家使用Axure制作动态编辑的Tag标签

1、打开Axure原型工具，今天小编教大家使用Axure制作动态编辑的Tag标签，如下图所示。

2、首先我们需要将元件拖入到正文当中，并对其样式及大小进行调整，形成一个标签样式，如下图所示。

3、然后我们在拖入一个中继器，将刚刚做好的标签复制到中继器中，如下图所示。

4、然后给中继器的加载时事件进行设置，如下图所示。

5、在给标签上的删除按钮做交互事件，如下图所示。

6、返回到中继器外面，我们在制作一个添加标签的样式，这里需要动态面板做支撑，如下图所示。

7、我们给动态面板中的标签加交互事件，如下图所示。

8、最后F5预览看一下效果，点击添加标签时，会弹出输入，鼠标移出后会显示再次填加的标签框，如下图所示。