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

 时间:2026-04-21 14:32:30

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 一键永久激活 Win8 和Win8.1 专业版
  • 怎样将书签导入到Edge浏览器
  • Win10通过PowerShell命令卸载自带应用
  • 如何查看Windows 10中安装的字体
  • C#如何循环执行某一方法
  • 热门搜索
    睡眠不好怎么办 腰花怎么切 昶怎么读 那么爱你为什么 手机怎么刷机 月经半个月了还没干净怎么回事 昱怎么读 苓怎么读 怎么舌吻 苹果手机怎么录音